Why is there a free space under the heading?

Question

Bootstrap

Hey!
Can you please tell me why I have an empty space between the title and the first line of the menu list?
I use standard css - bootstrap
html code:

<div class="col-xs-12 col-sm-3">
                  <div class="panel panel-primary">
                      <div class="panel-heading">меню</div>
                      <ul class="list-group">
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li> 
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                      </ul>
                  </div>
              </div>

It turned out:

Code posted: https://jsfiddle.net/ka7epa8z/

Answer 1

See code. Most likely the issue is FLOAT, or display:inline-block;
PS - Better yet, post the code somewhere and let me see it, and you'll get an answer right away

Answer 2

there is no such indent in bootstrap by default. it means I installed it. look in devtools where it is from