Bootstrap菜单总是崩溃的问题

时间:2015-07-22 17:01:53

标签: html css twitter-bootstrap

我正面临一个问题,默认情况下我的引导菜单是拼写错误但是一切正常,直到991px我需要完成这个事情,直到最大宽度为1400px。任何帮助表示赞赏。

http://www.theo2.co.in/fashionongo/

1 个答案:

答案 0 :(得分:1)

我不确定您的主题是如何构建的,但请尝试这样做:在自定义CSS文件中添加媒体查询,如:

@media (max-width: 2000px) {
.navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}
}

代码的关键是 2000px 部分。如果屏幕大小超过2000像素,菜单将打开。试一试,看看它是否适用于您的网站