html - 使用 Bootstrap 对齐输入框下的标签

Question

我不确定如何在这里获得我想要的效果。我有两个位于同一行的输入框，我想在它们下面放置标签并对齐以匹配相应的输入框。

<div class="container">
   <form class="form-inline" role="form">
      <div class="form-group">
          <label for="decimal_input">Label 1</label>
          <input type="text" value="1" width="10" id="decimal_input" class="form-control" />
          = <label for="input2">Label 2</label> 
          <input type="text" value="I" width="30" id="input2" class="form-control" />
      </div>
</div>
</form>

查看此处的 jsfiddle 以获取更多信息:

http://jsfiddle.net/justinhj/bTVKZ/2/

Answer 1

http://jsfiddle.net/isherwood/bTVKZ/6

<div class="container">
    <form class="form-inline" role="form">
        <div class="form-group">
            <div class="pull-left">
                <input type="text" value="1" width="10" id="decimal_input" class="form-control" />
                <br />
                <label for="decimal_input">Label 1</label>
            </div>
            <div>
                <input type="text" value="I" width="30" id="input2" class="form-control" />
                <br />
                <label for="input2">Label 2</label>
            </div>
        </div>
    </form>
</div>