我正在尝试使用以下方法将我的引导程序复选框水平对齐:
<div class="blueBorder container-fluid col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="row">
<div class="container-fluid">
<label class="text-left col-lg-12 col-md-12 col-sm-12 col-xs-12 col-form-label">Attributes:</label>
<input type="checkbox" value="">
<label class="checkbox-inline col-lg-2">Camp Site</label>
<input type="checkbox" value="">
<label class="checkbox-inline">Offsite Visit</label>
<input type="checkbox" value="">
<label class="checkbox-inline">Scout Den</label>
<input type="checkbox" value="">
<label class="checkbox-inline">Hike</label>
</div>
</div>
</div>
我的输入字段没有填充引导容器的宽度时遇到问题,并在stackoverflow上找到了添加CSS的解决方案:
input, textarea {
width: 100% !important
}
但是,这导致复选框格式出现问题。使用CSS:
没有CSS: