时间戳

首页 > 解决方案 > 当我尝试使用类“row”和一个 id 来定位一个 div 标签时，为什么我的 CSS 不工作？

html - 当我尝试使用类“row”和一个 id 来定位一个 div 标签时，为什么我的 CSS 不工作？

问题描述

我是 bootstrap 4 的新手，并且在多个地方使用“row”类。我想为这些带有类行的 div 标签中的一个添加一个 margin-left，所以我在 div 标签中添加了一个 id。

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

当我使用这个 CSS

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

它有效，但显然会影响行的所有实例。然而，我写的这个 CSS 只是针对这个实例：

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

不起作用。就好像代码根本没有写。

请指教。

我希望这个问题是有道理的。我也是 Stack Overflow 的新手。

标签： htmlcsstwitter-bootstrapbootstrap-4

解决方案

列具有水平填充以在各个列之间创建装订线，但是，您可以从行中删除边距，并从 .row 上带有 .no-gutters 的列中删除边距。可以使用 .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>

我在这里有一篇关于引导程序的文章如何使用引导程序进行响应式设计？

推荐阅读