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>

但“btn-group-justified”似乎无效。

我也尝试过这种方式：

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

似乎“btn-group-justified”无效。

任何解决方案？

谢谢。

Answer 1

最后尝试将此添加到您的css文件中。

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

Answer 2

我这样解决了这个问题：

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

在另一个css文件中添加此样式：

decode_csv

非常感谢你的帮助。