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 :

Image Details Here Enter

  & 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

Popular posts from this blog

winforms - C# Form - Property Change -

java - Messages from .properties file do not display UTF-8 characters -

javascript - amcharts makechart not working -