Twitter Bootstrap - Button Width in Drop-down menu

2019-08-05 13:16发布

Fairly new to bootstrap-- but I have a button and drop down menu which is composed of an unordered list containing buttons. How would I make the button widths all the same-- or am I completely off base with my code:

Here is the code:

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

And here is a fiddle http://jsfiddle.net/5wqU5/

1条回答
地球回转人心会变
2楼-- · 2019-08-05 13:37

You can add 'btn-block' to your buttons...

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

Updated fiddle: http://jsfiddle.net/5wqU5/2/

查看更多
登录 后发表回答