Bootstrap内联表单示例不适用于jsFiddle

时间:2013-09-15 13:07:44

标签: twitter-bootstrap jsfiddle

我将内联表单元素的示例复制到jsFiddle,我还添加了Bootstrap js和css作为外部资源,但示例没有显示内联。

为什么?见http://jsfiddle.net/VTufV/

由于stackoverflow需要一些代码,这里是我从http://getbootstrap.com/css/#forms-inline复制的代码:

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="sr-only" for="exampleInputEmail2">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label class="sr-only" for="exampleInputPassword2">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Remember me
    </label>
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>

1 个答案:

答案 0 :(得分:2)

有趣的是你的确在工作。只需调整输出窗格的大小,看看自己! enter image description here