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/

这就是我想要的：

MyLabel MyTextbox

而不是：

MyLabel
MyTextbox

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/

Bootstrap CSS无法正确格式化

1 个答案: