如何更改<ul>宽度？</ul>

Question

点击下拉按钮我想打开一个与按钮本身（54px）一样宽的下拉列表，其内容为％。由于某种原因，ul打开了，它太宽了。如何更改宽度？

               <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        DKK
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <button type="button" class="btn btn-default">
                                %
                            </button>
                        </li>
                    </ul>
                </div>

非常基本的小提琴：http://jsfiddle.net/dk2y7mxL/

Answer 1

您需要覆盖下拉菜单类。 min-width属性设置为160px，可以使用以下内容覆盖。

.dropdown-menu {
    min-width:0px;
}

这将导致下拉列表仅与带有百分号的按钮一样宽。

Answer 2

您可以使用<div class="col-xs-4">包装整个选择div来限制Bootstrap中的显示大小。