如何改变 <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>

非常基础fiddle：http://jsfiddle.net/dk2y7mxL/

Answer 1

您可以通过使用 <div class="col-xs-4"> 包裹整个 select div.

来限制 Bootstrap 中的显示尺寸

Answer 2

您将需要覆盖下拉菜单 class。最小宽度属性设置为 160px，可以用以下内容覆盖。

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

这将导致下拉菜单的宽度仅与其中带有百分号的按钮一样宽。

如何改变 <ul> 宽度？

How to change <ul> width?

css

twitter-bootstrap-3