Forms 表格>。面板>。面板主体>;表单组内容不在.panel主体内

Forms 表格>。面板>。面板主体>;表单组内容不在.panel主体内,forms,twitter-bootstrap,panel,Forms,Twitter Bootstrap,Panel,下面是我的用例:我想在表单中创建面板,以便区分不同的标准 我的问题是,当我在中创建时,表单组的内容超出了其边界:在屏幕截图中,我的复选框超出了面板主体的边界 面板主体“> 这是我的DOM树: <form class="form-horizontal"> <div class="col-md-6"> <div class="panel panel-default"> <div class="panel-bod

下面是我的用例:我想在表单中创建面板,以便区分不同的标准

我的问题是,当我在
中创建
时,
表单组的内容超出了其边界:在屏幕截图中,我的复选框超出了
面板主体的边界

面板主体
“>

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



我找到的解决方案是将以下内容添加到我的CSS中:

.form horizontal.panel body.form group{
右边距:0;
左边距:0;
}