表单> .panel >..panel body>窗体组内容不在..panel body中。

Question

这里是我的用例:我希望在表单中创建面板，以便区分不同的标准。

我的问题是，当我在<div class="panel-body">中创建一个<div class="panel-body">时，form-group的内容超出了它的边界:在屏幕截图中，我的复选框超出了panel-body边界。

​

​

这是我的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;
}