【问题标题】:need to resize bootstrap dropdown-menu width需要调整引导下拉菜单宽度
【发布时间】:2015-06-02 09:29:31
【问题描述】:

我需要调整下拉菜单的宽度

这是 jsfiddler 和我所拥有的代码 [jsfiddler][1] 在主菜单右侧的此页面上,我有语言下拉菜单 当它下拉时,它的宽度非常大 我需要像主菜单一样

请帮帮我。

  [1]: https://jsfiddle.net/giasoft/8cftqmkb/2/

【问题讨论】:

  • 请添加与问题相关的代码
  • 这是 jsfiddler 链接jsfiddle.net/giasoft/8cftqmkb/1
  • .dropdown-menu 上的width: calc(100% - 50px) !important; 可能是什么?这也不清楚。你说菜单宽度是非常大,你需要它像主菜单一样,它有一个更大的宽度,跨越整个页面
  • 不,你没有正确理解我,请搜索类下拉菜单,在这个类中是一个标签,我需要下拉菜单宽度作为标签宽度。
  • 请看这张图片s020.radikal.ru/i702/1503/29/5d6aba03ab74.png我需要尺寸,因为这里是用红线选择的

标签: jquery html css twitter-bootstrap drop-down-menu


【解决方案1】:

哦,一切都很好。 我写了一点js代码来检查宽度

var menuwidth = $('.langs > a').width();
    if(menuwidth > 75) {
        $('.navbar-darkblue .tmenu .dropdown-menu>li>a').css({
            'padding-left': (100 - menuwidth) + 'px',
            'padding-right': (100 - menuwidth) + 'px'
        });
    }

现在它工作正常......

谢谢大家

【讨论】:

    【解决方案2】:

    添加

    /* CHANGES */
    .dropdown-menu,.dropdown-toggle{
        min-width:100px;
    }
    .dropdown-menu>li>a{
      padding: 3px 5px 3px 0;
    }
    

    https://jsfiddle.net/8cftqmkb/3/

    【讨论】:

    猜你喜欢
    • 2016-06-14
    • 2018-03-08
    • 2014-05-27
    • 2016-08-27
    • 1970-01-01
    • 2018-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多