Question

无论如何都要让form-control的{{1}}的{@ 1}}在没有使用网格系统即input的情况下进行内联？

因为这是bootstrap的唯一特征，我觉得非常讨厌。

Answer 1

您可以尝试： -

  <form class="form-inline">
     <div class="form-group">
      <label for="email">Email address:</label>
      <input type="email" class="form-control" id="email">
     </div>
     <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd">
     </div>
   <button type="submit" class="btn btn-default">Submit</button>
 </form>

它应该可以工作....有一个 .form-inline 类可以使表单控件显示为内联。

Answer 2

以下是我的解决方法。

<input type="text" class="input-sm" style='box-shadow: none; border: 1px solid lightgray'>

这使它看起来像bootstrap的文本输入而不会占用整行或要求你使用网格系统。

如果有人有更好的答案，请随时提出意见

bootstrap输入表单控件

2 个答案: