【发布时间】:2016-03-11 13:19:32
【问题描述】:
如何在 bootstrap 3.0 中为下拉列表项设置自定义宽度。
我有一个下拉列表,但项目的宽度通常都是相同的大小,并且该大小由最长的项目宽度决定。
是否可以自定义宽度,如果项目单词太长无法容纳,则将它们包装起来?
【问题讨论】:
标签: css twitter-bootstrap dropdown
如何在 bootstrap 3.0 中为下拉列表项设置自定义宽度。
我有一个下拉列表,但项目的宽度通常都是相同的大小,并且该大小由最长的项目宽度决定。
是否可以自定义宽度,如果项目单词太长无法容纳,则将它们包装起来?
【问题讨论】:
标签: css twitter-bootstrap dropdown
您可以像没有引导程序一样进行操作:
ul{
width: 22px;
}
我刚刚检查了这个版本,它可以工作。
如果这不起作用,请尝试添加 !important,它应该可以工作
ul{
width: 22px !important;
}
【讨论】:
!important 应尽可能避免。如果 OP 添加特定的#id,则不需要!important 规则。
是的,您可以在 css 和引导框架中自定义所有内容,当您使用下拉菜单然后通过引导自动获取 css 时,您也可以覆盖此 css。您可以借助 "!important" 属性覆盖所有 css。
你可以按照这个方法:
width : 100px; or width:100px !important
如果宽度也不起作用,那么您可以尝试min-width 属性。
min-width : 100px; or min-width:100px !important
谢谢。
【讨论】: