Почему мой CSS не работает, когда я пытаюсь нацелить тег div с классом "row" и идентификатором?

Question

Я новичок в bootstrap 4 и использую класс "row" в нескольких местах. Я хочу добавить поле слева только к одному из этих тегов div со строкой класса, поэтому я добавил идентификатор в тег div.

<div id="menumargin" class="row">

при использовании этого CSS

.row{
margin-left: -15px !important;
}

это работает, но, очевидно, влияет на все экземпляры строки. Однако это CSS Я пишу только для этого экземпляра:

#menumargin.row{
margin-left: -15px !important;
}

не работает. Как будто код вообще не написан.

Пожалуйста, сообщите.

Надеюсь, этот вопрос имеет смысл. Я также новичок в переполнении стека.

Answer 1

Столбцы имеют горизонтальные отступы для создания желобов между отдельными столбцами, однако вы можете удалить поля из строк и отступы для столбцов с .no-gutters на .row. Желоба между столбцами в наших предопределенных классах сетки могут быть удалены с помощью .no-gutters. Это удаляет отрицательные поля из .row и горизонтальное заполнение из всех непосредственных дочерних столбцов.

<div class="container">
  <div class="row no-gutters">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
  <div class="row">
    <div class="col-8">col-8</div>
    <div class="col-4">col-4</div>
  </div>
</div>

У меня есть статья о bootstrap здесь Как адаптировать дизайн с Bootstrap?