html - 将 Bootstrap 复选框的垂直对齐方式更改为水平对齐方式

Question

我想让我的复选框水平对齐。默认情况下，它们在 bootstrap 中是vertical。

我需要的是将它们水平对齐。

CSS:

.checkboxinsameline{
    display:inline;
}

HTML:

               <div class="row">
                <div class="form-group">
                    <label class="control-label col-md-2">Ekstra Tanım Tipi</label>
                    <div class="col-md-3">

                            <div ng-repeat="item in DefinitionTypes">
                                <label class="checkboxinsameline">
                                    <input  type="checkbox" name="item.value" ng-click="DefinitionTypesChecked(item.id)"> {{item.value}}
                                </label>
                            </div>

                        </div>
                    </div>
            </div><br />

请帮忙。

Answer 1

将 checkboxinsameline 类应用于标签的 div intead。如下图

<div class="checkboxinsameline" ng-repeat="item in DefinitionTypes">
     <label>
            <input  type="checkbox" name="item.value" ng-click="DefinitionTypesChecked(item.id)"> {{item.value}}
     </label>
</div>

我认为这应该可以解决您的问题。如果没有提供 fiddle 或 plunker 来证明您的问题。