在表单组和边框半径内引导 btn 组

【问题标题】：Bootstrap btn-group inside form-group and border-radius在表单组和边框半径内引导 btn 组
【发布时间】：2017-05-31 13:40:42
【问题描述】：

我尝试删除第一个子标签的边框半径，但没有成功。比如我试过没有成功：

.btn-group .label:first-child {
    border-top-left-radius:0px;
}

标签位于 btn-group 内，而 btn-group 位于 form-group 内：

http://fiddle.jshell.net/row7L6kh/

如何去掉第一个标签边框半径左上角和左下角？

【问题讨论】：

标签： forms twitter-bootstrap checkbox label

【解决方案1】：

您需要将您的.label 更改为.btn。因为您为btn-group 更改的CSS 类是.btn。

.btn span.glyphicon {               
    opacity: 0;             
}
.btn.active span.glyphicon {                
    opacity: 1;             
}

.btn-group .btn:first-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

JSFiddle

【讨论】：