'Bootstrap 3 buttons vertically align no space

How can you align buttons in Bootstrap 3 vertically with no space like this

(button 1)
(button 2)
(button 3)
buttontwitter-bootstrap-3vertical-alignment


Solution 1:[1]

You should just use the Vertical variation example from the docs:

<div class="btn-group-vertical">
 ...
</div>

Solution 2:[2]

It looks like you want them HORIZONTAL. The space you're seeing is because, by default, they are display: inline-block. inline-block gives you a 3 pixel horizontal space between elements. You may want to do display: block, and then float the buttons.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Jignesh Gohel
Solution 2 emptywalls

Related Questions