如何更改 <ul> 宽度？答案

【问题标题】：How to change <ul> width?如何更改 <ul> 宽度？
【发布时间】：2015-04-21 11:45:23
【问题描述】：

点击下拉按钮时，我想打开一个与按钮本身一样宽的下拉列表（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/

【问题讨论】：

请提供小提琴

标签： css twitter-bootstrap-3

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：