css - No margin-bottom on bootstrap button? -
I am using the button element in a bootstrap template.
I was thinking that this is normal behavior in bootstrap:
When there are not enough space to show all buttons on a button, or when the window is resized , Then some buttons are shown on the second row and it's okay but it's not like the margins down.
I can add it:
.btn {margin-bottom: 5px;
But I find it strange that it is not controlled by bootstrap.
Maybe I am doing something wrong?
Source :
& lt; Button type = "button" class = "btn btn-primary btn_plus_infos" data-toggle = "collapse" data-target = "# plus_infos" & gt; Plus De Infos & lt; / Button & gt; & Lt; Button type = "button" class = "btn btn-primary btn_plus_infos" data-toggle = "collapse" data-target = "# plus_infos" & gt; Plus De Infos & lt; / Button & gt; & Lt; Button type = "button" class = "btn btn-primary btn_plus_infos" data-toggle = "collapse" data-target = "# plus_infos" & gt; Plus De Infos & lt; / Button & gt;
Bootstrap buttons.less
and buttons In-group unrepeatable
There is nothing about margin-top or margin-bottom, if it is a margin by default, it may possibly be disputed while combining it with other elements (such as a form)
It seems that the best solution is to add all the buttons inside a btn-toolbar
and combination of style:
.btn-toolbar .btn {margin- Bottom: 5px; }
Comments
Post a Comment