【问题标题】:Set a custom width to the dropdown list items in Bootstrap在 Bootstrap 中为下拉列表项设置自定义宽度
【发布时间】:2016-03-11 13:19:32
【问题描述】:

如何在 bootstrap 3.0 中为下拉列表项设置自定义宽度。

我有一个下拉列表,但项目的宽度通常都是相同的大小,并且该大小由最长的项目宽度决定。

是否可以自定义宽度,如果项目单词太长无法容纳,则将它们包装起来?

【问题讨论】:

    标签: css twitter-bootstrap dropdown


    【解决方案1】:

    您可以像没有引导程序一样进行操作:

    ul{
        width: 22px;
    }
    

    我刚刚检查了这个版本,它可以工作。

    如果这不起作用,请尝试添加 !important,它应该可以工作

    ul{
        width: 22px !important;
    }
    

    【讨论】:

    • !important 应尽可能避免。如果 OP 添加特定的#id,则不需要!important 规则。
    【解决方案2】:

    是的,您可以在 css 和引导框架中自定义所有内容,当您使用下拉菜单然后通过引导自动获取 css 时,您也可以覆盖此 css。您可以借助 "!important" 属性覆盖所有 css。

    你可以按照这个方法:

    width : 100px; or width:100px !important
    

    如果宽度也不起作用,那么您可以尝试min-width 属性。

    min-width : 100px; or min-width:100px !important
    

    谢谢。

    【讨论】:

    • 成功了。如果字太长放不下可以换行吗?
    • 是的,这是完整的工作。如果高度非常高,那么您可以设置高度的自动属性。
    猜你喜欢
    • 2013-09-06
    • 2018-09-02
    • 1970-01-01
    • 2013-04-23
    • 2013-05-06
    • 2018-08-27
    • 2013-05-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多