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>
В Bootstrap buttons.less и button-groups.less нет ничего о крайнем или верхнем краю. Наличие поля по умолчанию, скорее всего, будет конфликтом при объединении его с другими элементами (например, формой)
Я думаю, лучшим решением может быть добавление всех кнопок внутри btn-toolbar и стиль этой комбинации:
.btn-toolbar .btn {
margin-bottom: 5px;
}
Я думаю, что это нормальное поведение (не на 100% уверенный), потому что он "чище", чтобы добавить марку сами, когда мы хотим, чтобы она удалила марку по умолчанию, когда мы этого не хотим, по моему мнению...
http://getbootstrap.com/components/#btn-groups
Нет примеров margin на примерах загрузочных кнопок, только на родительском div class btn-group, но он исходит из другой таблицы стилей (docs.min.css). Поэтому я считаю, что разработчикам добавить свой собственный margin s.
Смотрите здесь:
