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 . ...