如何将输入与同一行中的复选框（向右拉）对齐？

Question

我在同一行和同一列中有一个文本输入和一个复选框。如果我将 pull-right class 添加到复选框，如何用文本输入填充左侧的 remaing space ？我正在使用 Bootstrap 3.

<div class="checkbox i-checks pull-right">
                <label> <input type="checkbox" >
                    <i></i> Fixed width label
                </label>
</div>

<input class="form-control">

Answer 1

http://jsfiddle.net/snlacks/togpvwwk/

这是内置于 Bootstrap CSS 中的。 http://getbootstrap.com/components/#input-groups-checkboxes-radios

使用输入组，并使用输入组插件。把它放在输入之前或之后，input-groupd里面。

<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <label for="input_name">My field</label>
            <div class="input-group">
                <input type="text" name="input_name" class="form-control" aria-label="..." placeholder="Text on left, check over there ==>"> 
                <span class="input-group-addon">
                    <label>
                    <input type="checkbox" aria-label="Over here on the right">
                        Title Label
                    </label>
                </span>
            </div>
            <!-- /input-group -->
        </div>
        <!-- /.col-lg-6 -->
    </div>
    <!-- /.row -->
</div>

如何将输入与同一行中的复选框（向右拉）对齐？

How to align input with a checkbox (pull-right) in the same row?

css

twitter-bootstrap

twitter-bootstrap-3