Bootstrap中的类

Question

HTML：

<div class="row">
   <div class="test">
       <h1>test</h1>
   </div>
   <div class="test">
       <h1>test</h1>
   </div>
</div>

CSS：

.test
{
  background-color: #000;
  .col-md-2;
}

class class test试图引用类col，但它不起作用。

Bootstrap允许来自其他类的引用类吗？

我用以下文章来指导我：

Link

Answer 1

在CSS中你不能嵌套类，你需要使用SASS或LESS来创建这些嵌套类调用：

使用SASS的例子：

.test {
    background-color: #000;
    @include make-md-column(2);
}

Answer 2

如果没有SASS，Bootstrap会设置为使用HTML中的类定义来定义网格。它允许您在进行结构维护时更好地可视化网格。

HTML：

<div class="row">
   <div class="test col-md-2">
       <h1>test</h1>
   </div>
   <div class="test col-md-2">
       <h1>test</h1>
   </div>

CSS：

.test { background-color: #000; }

顺便说一句，开箱即用的黑色背景div默认文字是黑色的......所以你永远不会看到你的文字......