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

时间:2013-05-08 13:23:01

标签: twitter-bootstrap drop-down-menu

相当新的引导程序 - 但我有一个按钮和下拉菜单,它由一个包含按钮的无序列表组成。如何使按钮宽度完全相同 - 或者我完全偏离我的代码:

以下是代码:

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

1 个答案:

答案 0 :(得分:3)

您可以在按钮上添加“btn-block”...

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

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