将垂直对齐更改为水平自举复选框

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> 

我想这应该解决您的问题。如果不能提供小提琴或plunker展示您的问题。