I'm looking to have my checkbox elements aligned horizontally instead of the default vertical alignment in bootstrap.
To achieve this, I've added the following CSS code:
.checkboxinsameline{
display:inline;
}
Here's the HTML structure:
<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 />
Any suggestions or assistance on how to make this work would be greatly appreciated.