Question

为什么bootstrap这个输入框是占据整行的呢？

<input class="form-control" type="text" placeholder="aaaa">

Answer 1

form-control类中有一条规则是

width:100%;

决定了他会占据当前父容器的所有宽度。

追问

怎么不让他占整行呢

追答

用内联表单：

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
  </div>
  <button type="submit" class="btn btn-default">Send invitation</button>
</form>