Bootstrap3 btn-group-justified не работает?

Question

Я пытаюсь сделать это:

Это код:

<div class="row"> 
    <div class="col-md-3"> 
     <div class="btn-group btn-group-justified"> 
      <button type="button" class="btn btn-danger">Proveedor</button> 
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
      </ul> 
     </div>  
    </div> 
    <div class="col-md-3"> 
    </div> 
    <div class="col-md-3"> 
    </div> 
    <div class="col-md-3"> 
    </div> 
</div> 

Но "БТН-группа выравниванием", кажется, не работает.

Я попытался также таким образом:

<div class="btn-group btn-group-justified"> 
    <a type="button" class="btn btn-danger">Proveedor</a> 
    <a type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
    </ul> 
</div>  

Похоже, «БТН-группа выравниванием» не работает.

Любое решение?

спасибо.

Answer 1

я решил ее сделать это:

<div class="col-md-3"> 
    <div class="btn-group"> 
     <a type="button" class="btn btn-danger btn-justified-90">Proveedor</a> 
     <a type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
     </ul> 
    </div>  
</div> 

И добавить этот стиль в другом файле CSS:

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

Спасибо в любом случае за вашу помощь.

Answer 2

Просто попробуйте добавить это в свой файл css в конце.

.btn-group-justified{ 
width:100%; 
}