html - Bootstrap 在 JSFiddle 中不起作用

Question

我缺少一些非常基本的东西，但我无法得到这个 jsfiddle使用 Bootstrap col-md-x。如何让列间距正常工作而不跳行？ Bootstrap 似乎正在正确加载

<div ng-app>
  <div class="container" ng-controller="TodoCtrl">
  <div class="row">
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    </div>
  </div>
</div>

Answer 1

它工作正常。您使用的 col-md-* 对于 jsfiddle 的小屏幕来说太大了。只需调整输出屏幕的大小或将 col-md-* 替换为 col-xs-*