引导列没有响应[重复]答案

【问题标题】：Bootstrap columns not responsive [duplicate]引导列没有响应[重复]
【发布时间】：2018-07-13 19:02:01
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

显示你的块 css

标签： html css bootstrap-4

【解决方案1】：

我想通了。忘记加了

<meta name="viewport" content="width=device-width, initial-scale=1.0">

到我的 html 文档。现在可以了！

【讨论】：

【解决方案2】：

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

如果你想要流体，那么你可以使用 Foundation。

【讨论】：