Bootstrap CSS 样式未正确格式化

Question

Bootstrap指南展示了一个水平表单。http://getbootstrap.com/2.3.2/base-css.html#tables 我无法使其水平排列。我创建了一个JSFiddle--它也不起作用。这是上述页面的代码。

 <form class="form-horizontal">
      <div class="control-group">
        <label class="control-label" for="inputEmail">Email</label>
        <div class="controls">
          <input type="text" id="inputEmail" placeholder="Email">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputPassword">Password</label>
        <div class="controls">
          <input type="password" id="inputPassword" placeholder="Password">
        </div>
      </div>
      <div class="control-group">
        <div class="controls">
          <label class="checkbox">
            <input type="checkbox"> Remember me
          </label>
          <button type="submit" class="btn">Sign in</button>
        </div>
      </div>
    </form>

我正在尝试使用Bootstrap来格式化我的表单，使标签在左侧，文本框在右侧。看起来很简单，对吧？

http://jsfiddle.net/nwkZz/

我想要的是：

我的标签 我的文本框

而不是：

我的标签
我的文本框

- D. Kermott

Answer 1

由于您使用的是Bootstrap 2.1.0，因此您包含了错误的CSS，您必须包含Bootstrap 2.1.0 CSS。

例如：//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/css/bootstrap.min.css

演示：http://jsfiddle.net/IrvinDominin/as9Kv/

- Irvin Dominin

---

太好了！我花了一些时间才明白你为什么在谈论Bootstrap v2。这是通过谷歌搜索得到的结果，我没有意识到我看的是旧版本的标记。 - D. Kermott