CSS：按鈕組中按鈕下拉的正確樣式（引導程序2）

Question

我使用以下幾行創建了按鈕組中的下拉按鈕。

一切都按預期工作，唯一的問題是我的下拉按鈕在其左側顯示圓角，因此看起來與按鈕組中的其他按鈕不同。

搜索谷歌帶來了作​​爲一種已知問題在Bootstrap 2已被固定在Bootstrap 3中，並在那裏被稱爲嵌套按鈕組。

但是，有人可以告訴我一種方法來使用CSS覆蓋Bootstrap 2中的這個下拉按鈕的正確樣式？ 我只需要這個來覆蓋按鈕組中的一個下拉按鈕，以及只在按鈕組中出現的下拉按鈕。

我的代碼：

<div class="btn-group"> 
    <button type="button" class="btn changeView" id="viewR" title="change view">By Region</button> 
    <button type="button" class="btn changeView" id="viewC" title="change view">By Country</button> 
    <div class="btn-group"> 
     <a class="btn changeView dropdown-toggle" data-toggle="dropdown" href="#" id="viewS"> 
      More... 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu pull-right"> 
      <li class="subRegion" id="af"><a href="#">Africa</a></li> 
      <li class="subRegion" id="as"><a href="#">Asia</a></li> 
      <li class="subRegion" id="eu"><a href="#">Europe</a></li> 
      <li class="subRegion" id="na"><a href="#">North America</a></li> 
      <li class="subRegion" id="oc"><a href="#">Oceania</a></li> 
      <li class="subRegion" id="sa"><a href="#">South America</a></li> 
     </ul> 
    </div> 
</div> 

Answer 1

試試這個...

http://www.bootply.com/glCQBEpadk

剛刪除<div class="btn-group">

Answer 2

嘗試添加該到你的CSS：

.btn-group .btn-group .dropdown-toggle { 
    border-radius: 0 4px 4px 0; 
    margin-left: -1px; 
} 

參見：http://www.bootply.com/ieogxJv04y