twitter-bootstrap Twitter bootstrap btn-group-vertical 按钮之间有边距

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/21981117/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 20:08:25  来源:igfitidea点击:

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

csstwitter-bootstrap

提问by Danny

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?

是否有一种简单的方法可以在 twitter bootstrap btn-group-vertical 按钮之间添加一些边距,并使它们都具有圆角?

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

我的第一次尝试是使用 css 在它们之间添加一些边距,但后来我看到,除了第一个和最后一个,它们都没有圆角,所以不是“继续玩”,我希望有一个“体面”的方式来实现这一点......

回答by Adrian Enriquez

I think this is the easiest way to do that.

我认为这是最简单的方法。

CSS

CSS

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

Working Demo

工作演示