按鈕組在Bootstrap中對齊2.3.2

Question

我在bootstrab-3中看到css類btn-group-justified。有什麼方法可以在引導版本2.3.2中工作btn-group-justified？是的，我該怎麼辦？

Answer 1

HTML:  

     <div class="btn-group btn-justified"> 
      <a class="btn">Left</a> 
      <a class="btn">Middle</a> 
      <a class="btn">Right</a> 
     </div> 


    CSS: 


    .btn-justified{ 
     display: inline-block; 
     width: 100%; 
     float: left; 
    } 

    .btn-justified .btn{ 
     display: table-cell !important; 
     float: none; 
     width: 1%; 
    } 

Answer 2

它工作正常，我（LESS）：

.btn-group-justified{ 
    display: table; 
    width: 100%; 
    table-layout: fixed; 
    border-collapse: separate; 

    >.btn, 
    >.btn-group{ 
     display: table-cell; 
     float: none; 
     width: 1%; 
    } 

    >.btn-group{ 
     .btn{ width: 100%; } 
     .dropdown-menu{ left: auto; } 
    } 
}