Twitter Bootstrap - 下拉菜单中的按钮宽度

Question

对 bootstrap 来说相当新——但我有一个按钮和下拉菜单，它由一个包含按钮的无序列表组成。我如何使按钮的宽度都一样——或者我的代码完全不符合要求：

代码如下：

<div class="btn-group" style="margin-bottom: 5px">
    <a class="btn btn-large dropdown-toggle" data-toggle="dropdown" href="#">
        <i class="icon-wrench">
    </i>Admin Actions <span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li>
            <button  class="btn btn-large">
                <i class="icon-plus"></i>Create Content</button>
        </li>
        <li>
            <button  class="btn btn-large">
                <i class="icon-wrench"></i>Edit Page</button></li>
        <li><button   class="btn btn-large">
            <i class="icon-plus"></i>Add Page</button></li>
            </ul>
        </div>

这是一个小提琴 http://jsfiddle.net/5wqU5/

Answer 1

您可以将“btn-block”添加到您的按钮...

<button class="btn btn-large btn-block">

更新小提琴：http://jsfiddle.net/5wqU5/2/