Форма> .panel> .panel-body> содержимое группы форм не находится внутри .panel-body

Question

Вот мой прецедент: я хочу создать панели внутри формы, чтобы различать разные критерии.

Моя проблема заключается в том, что когда я создаю <div class="form-group"> внутри мой <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; 
}