Twitter bootstrap 使用引导将单选按钮组与复选框组合
我正在尝试使用引导实现一个单选按钮组,其右侧带有一个复选框,如下图所示 下面是一些无法创建结果的代码。具体来说,复选框是向右浮动的,B右边的边框是四舍五入的Twitter bootstrap 使用引导将单选按钮组与复选框组合,twitter-bootstrap,Twitter Bootstrap,我正在尝试使用引导实现一个单选按钮组,其右侧带有一个复选框,如下图所示 下面是一些无法创建结果的代码。具体来说,复选框是向右浮动的,B右边的边框是四舍五入的 <div style="margin: 40px 40px 40px 40px"class="input-group"> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-default">
<div style="margin: 40px 40px 40px 40px"class="input-group">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
<input type="radio" name="options" id="A">
A
</label>
<label class="btn btn-default">
<input type="radio" name="options" id="B">
B
</label>
</div>
<span class="input-group-addon">
<input type="checkbox">
</span>
</div>
A.
B
将右侧chkbox类添加到复选框中,将中间按钮类添加到中间按钮中
.right-chkbox{
width: 0px;
}
.mid-button{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}