Question

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

这是jsfiddler，代码是我的 [jsfiddler] [1] 在主菜单右侧的这个页面上我有语言下拉菜单当它下拉时它的宽度很大我需要像主菜单

请帮帮我。

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

Answer 1

加入

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

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

Answer 2

OH一切都很好。我写了一些小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'
        });
    }

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

谢谢大家

需要调整bootstrap下拉菜单宽度

2 个答案: