Почему появилось свободное пространство под заголовком?

Question

[Nemby]

Привет!
Подскажите пожалуйста почему у меня появилось пустое пространство между заголовком и первой строкой списка меню?
Использую стандартную css - bootstrap
код html:

<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>

Получилось:


Код выложил: https://jsfiddle.net/ka7epa8z/

Answer 1

[londhor]

Смотри код. Скорее всего вопрос в FLOAT, или display:inline-block;

P.S. - А еще лучше, выложи код куда-то и дай посмотреть, и тебе сразу дадут ответ

Comments

[Nemby]

выложил https://jsfiddle.net/ka7epa8z/

[londhor]

Nemby: .panel > .list-group задай "margin-top:0" - у тебя хром по дефолту добавляет отступ

[londhor]

Nemby: Дай знать, как поправишь

[Nemby]

londhor: Большое спасибо! Все встало на место, свободного пространства больше нет

Answer 2

[iBird Rose]

в бутстрапе по дефолту такого отступа нет. значит сам поставил. смотри в devtools откуда он