html - How can I make space between two buttons in same div? -


what best way horizontally space bootstrap buttons?

at moment buttons touching:

<div class="btn-group">     <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">         <i class="icon-in-button"></i>           add list         <span class="caret"/>     </button>     <ul class="dropdown-menu">         <li>             <a href="#">here</a>         </li>         <li>             <a href="#">new</a>         </li>     </ul>     <button class="btn btn-info">         <i class="icon-in-button"></i>           more     </button> </div> 

two bootstrap buttons

jsfiddle showing problem: http://jsfiddle.net/hhimanshu/sylrq/4/

put them inside btn-toolbar or other container, not btn-group. btn-group joins them together. more info on bootstrap documentation.

edit: original question bootstrap 2.x, same still valid bootstrap 3 , bootstrap 4.


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -