Question

有一个弹出模式我正在尝试将内联表单放入其中。不幸的是，虽然我正在关注他们的doc上的bootstrap建议，但它并没有显示内联。当我把它放在fiddle.js上时，它完美无缺。抓住我的头，看看为什么这不起作用。

以下是代码：

<form class="form-inline" role="form">
  <input class="required" style="" placeholder="where should I send it?"></input>
  <input type="submit" class="button-main" value="download"></input>
</form>

表格在这里：http://jackalopemedia.com/exp（点击“注册”）

这是工作的小提琴：

http://jsfiddle.net/h3Ds4/

Answer 1

Make sure you are using the correct markup

<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>

Answer 2

<input type="submit" class="button-main" value="download"></input>

应该是

<button type="submit" class="btn btn-default" value="download">

btn-default可与您要使用的其他任何内容互换，如下所示：http://getbootstrap.com/css/#buttons

Bootstrap表单不显示内联

2 个答案: