Как установить не стандартный margin отступ в Bootstrap 4?

Раиса
Раиса
950
8
Содержание:
  1. Комментарии
Здравствуйте. Мне нужно сделать margin 6рх, ml-md-1.5 не работает, так можно ставить только целое число 0-5?

Комментарии: 8

  1. Раиса
    Раиса
    2019-02-13 11:34:50
    1. Раиса
      Раиса
      2019-02-13 11:33:13
      <header>					
      		<div class="container-fluid headerContainer">
      			<div class="Rectangle-Copy row">
      				<div class="col-2 ml-md-6px "><img class="imgLogo mt-md-4" src="img/logo.svg"></div>
      				<div class="col-10 SPLYNX-Knowledge-bas ">
      					<div class="row headerContent"> 
      						<div class="col-7 mt-md-4">
      							<span class="text-style-1 ">SP</span>
      							<span class=" text-style-2">LYNX </span>
      							<span class="">Knowledge base</span>
      						</div>
      						<div class="col-5">
      
      						</div>
      					</div>
      				</div>
      			</div>
      			<div class="Rectangle-Copy-3 row"></div>
      		</div>							
      	</header>
      
      1. Раиса
        Раиса
        2019-02-13 11:30:28
        Добрый день! Тот маржин, что прописан в медиа, сработал. Я хочу подвигать лого и текст через mt-md-2, например или ml-md-4, так не получается. В чем моя ошибка?
        1. Александр Мальцев
          Александр Мальцев
          2019-02-14 16:04:28
          Класс mt-md-2 или ml-md-4 будут действовать только тогда, когда ширина viewport страницы будет по умолчанию больше или равна 768px.
        2. Раиса
          Раиса
          2019-02-17 22:35:12
          Так и есть, смотрю на обычном мониторе, ставлю
          class=«imgLogo mt-md-4», а он ни с места! Извините, только пробую понять бутстрап.
      2. Александр Мальцев
        Александр Мальцев
        2019-02-11 08:58:12
        Здравствуйте, конечно нельзя. Это же названия классов.
        Добавьте в свой файл стилей код:
        /* 768px - 991.98px - диапазон в пределах которого будет действовать margin */
        @media (min-width:768px) and (max-width: 991.98px) {
          .ml-md-6px {
            margin-left: 6px !important;
          }
        }
        
        После этого добавляете класс ml-md-6px к нужным элементам на странице.
        1. Раиса
          Раиса
          2019-02-12 12:40:02
          Спасибо большое, попробую.