形式＆gt; .panel＆gt; .panel-body＆gt;表单组内容不在.panel-body内

Question

这是我的用例：我想在表单中创建面板以区分不同的标准。

我的问题是，当我在<div class="form-group">内创建<div class="panel-body">时，form-group的内容超出了其界限：在屏幕截图中，我的复选框已超出panel-body {1}}边界。

这是我的DOM树：

<form class="form-horizontal">
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"

有人可以告诉我如何以良好的方式做到这一点吗？

Answer 1

我找到的解决方案是将其添加到我的CSS：

.form-horizontal .panel-body .form-group {
    margin-right: 0;
    margin-left: 0;
}