將垂直對齊更改爲水平自舉複選框

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展示您的問題。