将垂直对齐更改为水平以用于引导复选框

Question

我想让我的checkbox水平对齐。默认情况下，他们在vertical中重新bootstrap。

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

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>

我认为这应该可以解决你的问题。如果没有提供小提琴或者说明你的问题。