Question

我使用Bootstrap 3.3.7s为其网格系统减少mixins found here.

我的基本概念是随着我的屏幕尺寸增加而增加装订线尺寸。这是我的html示例：

<div class="container">
  <div class="row-intro">
    <div class="col-intro-content">
      <p>Sugar grounds half and half, percolator that, crema ut cup dark ristretto lungo. Carajillo bar steamed, milk spoon to go, wings qui caramelization beans that.</p>
    </div>
  </div>
</div>

而且更少：

.row-intro {
  .make-row(40px);
    .col-intro-content {
      .make-xs-column(12, 40px);
      .make-md-column(10, 60px);
      .make-md-column-offset(1);
    }
}

现在发生的事情是，即使在xs屏幕尺寸上，我也有60px的装订线尺寸，无论之前声称它是40px。知道为什么这会被覆盖吗？我没有抵消就试过了，问题仍然存在。我尝试过不同的装订线宽度，同样的相对问题仍然存在。

Answer 1

那是因为你错过了

 .col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";

您还需要.make-sm

info

Bootstrap Grid Mixin覆盖以前的声明

1 个答案: