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

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

class - Kivy: how to instantiate a dynamic classes in python -

python - mayavi mapping a discrete colorbar on a surface -