Question

＆＃13;

@import url( 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );

＆＃13;

<div class="row">
    <div class="col-xs-12 text-center btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="radio" name="measurement" value="far" checked="checked" /> F
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="measurement" value="cel" /> C
        </label>
    </div>
</div>

＆＃13;

我不确定为什么它左对齐。我认为text-center班级中心对齐了什么？而且因为它在col-xs-12的div中，并不能使它居中对齐？或者我错过了什么？

Answer 1

罪魁祸首是btn-group。您需要将其移动到文本中心下的div。代码看起来像;

    <div class="row">
        <div class="col-xs-12 text-center" data-toggle="buttons">
             <div class="btn-group">
                 <label class="btn btn-primary active">
                     <input type="radio" name="measurement" value="far" 
                     checked="checked" /> F
                 </label>
                 <label class="btn btn-primary">
                    <input type="radio" name="measurement" value="cel" /> C
                 </label>
            </div>
        </div>
    </div>

Bootstrap输入字段不是居中的

1 个答案: