Bootstrap按钮宽度

Question

以下屏幕截图是以下代码的结果： https://gyazo.com/e7ad0eb6fe40ad6362a1290d4b740a39

我试图创建四个相等宽度的按钮。

<div class="btn-group btn-group-justified" role="group">
                        <div class="btn-group" role="group">
                            <button id="slct" type="button" class="btn btn-default">Bridge</button>
                        </div>
                        <div class="btn-group" role="group">
                            <button id="slct" type="button" class="btn btn-default">Container</button>
                        </div>
                        <div class="btn-group" role="group">
                            <button id="slct" type="button" class="btn btn-default">Cylinders</button>
                        </div>
                        <div class="btn-group" role="group">
                                        <button id="slct" type="button" class="btn btn-default">Fence</button>
                                    </div>

Answer 1

您可以创建自定义css文件并在bootstrap css之上构建。所以创建一个新的css文件，然后让btn btn-default类设置一个宽度。

.btn btn-default {min-width:YourSize;}