我的引导程序坏了吗？网格系统无法正常工作

Question

我的第一个问题也很简单。所以我在这里得到了一个小脚本，它必须创建具有动态内容的行。它将在一行中附加4个方框（列），然后将该行附加到容器中。如果完成该过程，它会将容器附加到主容器。现在我看到每个列在4K显示器上的行宽度为100％，就像在移动设备上一样。

这是我的剧本推出的内容：

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div id="magazin-widget">
  <div class="container">
    <div class="row">
      <div class="col-md-3">Dynamic Box 1</div>
      <div class="col-md-3">Dynamic Box 2</div>
      <div class="col-md-3">Dynamic Box 3</div>
      <div class="col-md-3">Dynamic Box 4</div>
    </div>
    <div class="row">
      <div class="col-md-3">Dynamic Box 5</div>
      <div class="col-md-3">Dynamic Box 6</div>
      <div class="col-md-3">Dynamic Box 7</div>
      <div class="col-md-3">Dynamic Box 8</div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我没有看到此标记中的错误...也许是我的引导程序？因为据我所知，它应该是这样的：http://getbootstrap.com/css/#grid-example-basic

修改：

控制台干净只是日志：

JQMIGRATE: Migrate is installed, version 1.4.1
[cycle2] --c2 init--

制作输出：

Answer 1

代码对我来说很好 - 你在看什么屏幕宽度？

col-md-xx仅影响992像素或更宽的视口 - 您可能希望将col-sm-xx或col-xs-xx用于较小的设备。

请参阅here了解详情。

Answer 2

当我将代码段扩展到完整页面视图时，我看到了这项工作。现在在精简视图中因为bootstrap是响应式的，所以一切都将堆叠。我建议您使用类似col-sm-3的内容来定位较低的视图端口宽度。