引导输入表单控件答案

【问题标题】：bootstrap input form-control引导输入表单控件
【发布时间】：2016-12-11 23:24:29
【问题描述】：

在不使用网格系统（即col-md-2）的情况下，有没有办法让 input 的 boostrap 的 form-control 内联？

因为这是 bootstrap 的唯一一个我觉得非常烦人的功能。

【问题讨论】：

这是你要找的吗：Form inline inside form-control
@RemyaCV 不是真的，因为它仍然使用col-md-x的网格系统

标签： twitter-bootstrap css twitter-bootstrap-3

【解决方案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 可以使表单控件内联显示。

【讨论】：

【解决方案2】：

这是我如何解决的方法。

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

这使它看起来像 bootstrap 的文本输入，而无需占用整行或需要您使用网格系统。

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

【讨论】：