結合單選按鈕組和複選框使用引導

Question

我試圖實現一個單選按鈕組，並在右側使用引導程序附加了一個複選框，如下圖所示。

下面是一些無法創建結果的代碼。具體而言，該複選框向右浮動，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> 

http://jsfiddle.net/waspinator/Br3k9/3/

Answer 1

右chkbox類複選框和中間按鈕類添加到中間按鈕

http://jsfiddle.net/waspinator/Br3k9/15/

.right-chkbox{ 
    width: 0px; 
} 

.mid-button{ 
    border-bottom-right-radius: 0px; 
    border-top-right-radius: 0px; 
}