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>
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
Post a Comment