Нет нижней границы на кнопке начальной загрузки?

Im использует элемент кнопки в шаблоне начальной загрузки.

Мне было интересно, нормальное поведение в бутстрапе:

Если места не хватает для отображения всех кнопок на одной строке или при изменении размера окна, некоторые кнопки отображаются на 2-й строке, и все в порядке, но нет никакого края.

Я могу добавить его:

.btn {
    margin-bottom: 5px; 
}

Но мне кажется странным, что он не обрабатывается bootstrap.

Может быть, я что-то сделал неправильно?

ИСТОЧНИК: http://jsfiddle.net/Vinyl/zx9oefya/

<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>

Ответ 1

В Bootstrap buttons.less и button-groups.less нет ничего о крайнем или верхнем краю. Наличие поля по умолчанию, скорее всего, будет конфликтом при объединении его с другими элементами (например, формой)

Я думаю, лучшим решением может быть добавление всех кнопок внутри btn-toolbar и стиль этой комбинации:

.btn-toolbar .btn {
    margin-bottom: 5px; 
}

Ответ 2

Я думаю, что это нормальное поведение (не на 100% уверенный), потому что он "чище", чтобы добавить марку сами, когда мы хотим, чтобы она удалила марку по умолчанию, когда мы этого не хотим, по моему мнению...

http://getbootstrap.com/components/#btn-groups

Нет примеров margin на примерах загрузочных кнопок, только на родительском div class btn-group, но он исходит из другой таблицы стилей (docs.min.css). Поэтому я считаю, что разработчикам добавить свой собственный margin s.

Смотрите здесь: