bootstrap 无法在 JSFiddle 中工作

Question

我缺少一些非常基本的东西，但我无法让这个 jsfiddle 与引导程序一起工作 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-*

bootstrap 无法在 JSFiddle 中工作

bootstrap not working in JSFiddle

html

css

jsfiddle

twitter-bootstrap