Bootstrap列无响应

Question

我正在尝试使用Bootstrap在页面中间创建一个响应式块。 但我无法弄清楚为什么列不响应我的bootstrap设置。我做错了什么？

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-10 mx-auto" style="background-color: blue; color: white;">
      test column
    </div>
  </div>
</div>

Answer 1

我明白了。我忘了添加

promises

到我的html文档。现在它有效！

Answer 2

在您的示例中，它们是响应式的... Bootstrap使用自适应断点。

如果你想要流畅，那么你可以使用粉底。