Bootstrap 4-输入组附加复选框和标签
Bootstrap 4-输入组附加复选框和标签
提问于 2018-09-29 14:14:16
我可以在input-group中添加复选框和标签，尽管如图所示，填充是关闭的。
使用pl-4更好，但并不正确。
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">
<%= ff.remove_nested_fields_link fa_icon('trash-alt', type: :solid, class: 'icon-trash') %>
</span>
</div>
<%= ff.collection_select(:store_id, Store.all, :id, :label, {}, {class: "custom-select"}) %>
<div class="input-group-append">
<div class="input-group-text pl-4">
<%= ff.check_box :manager, class: "form-check-input" %>
<%= ff.label :manager, class: "form-check-label" %>
</div>
</div>
</div>有什么建议吗？
回答 2
Stack Overflow用户
发布于 2019-08-20 06:44:43
对于Bootstrap v4.3.1，您可以使用以下命令... form-check-input ml-0，form-check-label ml-3
<div class="input-group-append">
<div class="input-group-text">
<input type="checkbox" class="form-check-input ml-0" id="exampleCheck1">
<label class="form-check-label ml-3" for="exampleCheck1">Check me out</label>
</div>
</div>Stack Overflow用户
发布于 2020-11-12 09:59:23
我尝试在input-group-text中使用form-check-inline布局。看看这个：
<div class="input-group-text">
<div class="form-check-inline">
<label class="form-check-label">
<input type="radio" class="form-check-input">Option 2
</label>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52565669
复制相关文章
相似问题
腾讯云开发者
