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

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

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

    1. Раиса
      Раиса
      13.02.2019, 11:34
      1. Раиса
        Раиса
        13.02.2019, 11:33
        <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. Раиса
          Раиса
          13.02.2019, 11:30
          Добрый день! Тот маржин, что прописан в медиа, сработал. Я хочу подвигать лого и текст через mt-md-2, например или ml-md-4, так не получается. В чем моя ошибка?
          1. Александр Мальцев
            Александр Мальцев
            14.02.2019, 16:04
            Класс mt-md-2 или ml-md-4 будут действовать только тогда, когда ширина viewport страницы будет по умолчанию больше или равна 768px.
            1. Раиса
              Раиса
              17.02.2019, 22:35
              Так и есть, смотрю на обычном мониторе, ставлю
              class=«imgLogo mt-md-4», а он ни с места! Извините, только пробую понять бутстрап.
          2. Александр Мальцев
            Александр Мальцев
            11.02.2019, 08:58
            Здравствуйте, конечно нельзя. Это же названия классов.
            Добавьте в свой файл стилей код:
            /* 768px - 991.98px - диапазон в пределах которого будет действовать margin */
            @media (min-width:768px) and (max-width: 991.98px) {
              .ml-md-6px {
                margin-left: 6px !important;
              }
            }
            
            После этого добавляете класс ml-md-6px к нужным элементам на странице.
            1. Раиса
              Раиса
              12.02.2019, 12:40
              Спасибо большое, попробую.
            Войдите, пожалуйста, в аккаунт, чтобы оставить комментарий.