更改Bootstrap标签位置

Question

我想把Bootstrap标签和文本框放到同一行(在这里我需要将标签放在文本框的前面)

码:

<div class="form-group">
</div>
<div class="col-md-4 col-md-offset-8">
    <label class="col-sm-2 control-label">Total Tax</label>
    <input type="text" class="form-control" id="tottax" />
</div>

的jsfiddle

Answer 1

如果要像这样显示,则需要使用form-horizo​​ntal.

<div class="form-horizontal">
    <div class="form-group">
        <label class="col-md-2 col-sm-3 col-xs-4 control-label">VAT</label>
        <div class="col-md-9 col-sm-9 col-xs-8">            
            <textbox class="form-control">teetetet</textbox>
        </div>
    </div>
</div>

http://jsfiddle.net/h26d70k9/2/