如何使用Bootstrap为每行创建两个输入？

Question

希望将标签放在左侧并在右侧有两个输入，其中有＃39;插件＃39;。这是我到目前为止所做的，但它似乎是包装。我做错了什么？

<form class="form-horizontal" role="form">
  <fieldset>
  <div class="row">
    <div class="col-xs-6">1. Some text</div>
    <div class="col-xs-3 input-group">
      <span class="input-group-addon">$</span>
      <input class="form-control" type="text" placeholder="How much?">
    </div>
    <div class="col-xs-3">
      <span class="input-group-addon">$</span>
      <input class="form-control" type="text" placeholder="How much?">
    </div>
  </div>
  </fieldset>
  </form>

Answer 1

正如Bootstrap文档中提到的那样：

<div class="col-xs-3 input-group">

不正确。您必须将input-group类放在嵌套在col-xs-3 div中的单独div上，而不是将这些类链接到相同的元素上。