如何在Bootstrap

时间:2016-12-08 08:02:33

标签: twitter-bootstrap

我有一个包含标签和输入的表单。一个输入有一个组插件。我试图弄清楚如何将其与其他输入对齐。代码如下:

<form class="form-horizontal">
    <div class="form-group required">
        <label class="col-sm-2 control-label" for="first-input">Some label here</label>
        <div class="col-sm-10">
           <input name="first-input" class="form-control"><input type="hidden" value="some value">
        </div>
    </div>
    <div class="form-group required">
        <label class="col-sm-2 control-label" for="second-input">Some label here</label>
        <div class="col-sm-10 input-group">
            <span class="input"
            <input name="second-input" class="form-control">
        </div>
    </div>
    <div class="form-group required">
        <label class="col-sm-2 control-label" for="third-input">Some label here</label>
        <div class="col-sm-10">
           <input name="third-input" class="form-control"><input type="hidden" value="some value">
        </div>
    </div>
</form>
<!--#second-input together with the <span> addon is indented to the left-->

我一直试图调整第二个输入但未能这样做。

0 个答案:

没有答案