Twitter bootstrap btn-group-vertical with margin in between the buttons

Question

Is there an easy way to add some margin between the twitter bootstrap btn-group-vertical buttons, and to make them all have rounded corners?

My first attempt was to just add some margin between them, using css, but then I saw that, except for the first and last one, none of them had rounded corners, so instead of "playing on", I hope there is a "decent" way to accomplish this...

Answer 1

I think this is the easiest way to do that.

CSS

.btn-group-vertical > button{
    margin-bottom:10px;
    border-radius:10px !important;
}

Working Demo