bootstrap不能在JSFiddle中工作

时间:2016-01-29 14:32:12

标签: html css twitter-bootstrap jsfiddle

我遗漏了一些非常基本的内容,但我无法使用jsfiddle来使用bootstraps 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>

1 个答案:

答案 0 :(得分:5)

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