Twitter bootstrap 使用引导将单选按钮组与复选框组合

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

我正在尝试使用引导实现一个单选按钮组,其右侧带有一个复选框,如下图所示

下面是一些无法创建结果的代码。具体来说,复选框是向右浮动的,B右边的边框是四舍五入的

<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;
}