html - Bootstrap 行属性在 css 中没有改变

Question

CSS 很糟糕，我试图通过学习如何使用 bootstrap 让我的生活更轻松，但我不明白为什么我在我的 .css 文件中修改的属性没有改变 html 元素。

在我的 HTML 文档中有

<div class="container-fluid">

  <div class="row bot">
    <div class="col-lg-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-lg-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-lg-4" style="background-color:lavender;">.col-sm-4</div>
  </div>


</div>

然后在我的 .css 文件中有

body{
  height: 2000px;
}


.row .bot{
  height: 150px;
  background-color: blue;
}

但是当我刷新我的 html 文档时，该行的背景颜色没有改变？事实上它什么都不做。我做错了什么？

Answer 1

将您的 css 更改为:

.row.bot {
  height: 150px;
  background-color: blue;
}

所以去掉两个类之间的空格。