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

09.02.2019 (обновлено: 21.02.2019)

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

Если статья понравилась, то поделитесь ей в социальных сетях:

Дата публикации

09-02-2019

Автор

Раиса

Просмотры

164

Избранное

Нравится

Комментарии (8)

Раиса 13 февраля 2019, 11:35 0

itchief.ru/assets/uploadify/5/7/2/572fa011a671d43de35678d7aa5d9635.jpg
Раиса 13 февраля 2019, 11:34 0

Раиса 13 февраля 2019, 11:33 0

<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>

Раиса 13 февраля 2019, 11:30 0

Добрый день! Тот маржин, что прописан в медиа, сработал. Я хочу подвигать лого и текст через mt-md-2, например или ml-md-4, так не получается. В чем моя ошибка?
1. Александр Мальцев 14 февраля 2019, 16:04 0
  
  Класс mt-md-2 или ml-md-4 будут действовать только тогда, когда ширина viewport страницы будет по умолчанию больше или равна 768px.
  1. Раиса 17 февраля 2019, 22:35 0
    
    Так и есть, смотрю на обычном мониторе, ставлю
    class=«imgLogo mt-md-4», а он ни с места! Извините, только пробую понять бутстрап.
Александр Мальцев 11 февраля 2019, 08:58 0
Здравствуйте, конечно нельзя. Это же названия классов.
Добавьте в свой файл стилей код:
```
/* 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 февраля 2019, 12:40 0
  
  Спасибо большое, попробую.

Вы должны авторизоваться, чтобы оставлять комментарии.