如何开始在调整浏览器大小时从1024px切换导航栏

时间:2016-07-14 08:55:53

标签: html css twitter-bootstrap css3 responsive-design

我正在将静态页面转换为响应式页面。我的页面是一个导航栏,在768像素之后转换为切换导航栏。

我想自己定制它自己在什么宽度的bowser切换导航应该来或不,最初我希望它在1024px之后,但它是在768px之后。

请帮助我如何做到这一点。 请不要给予downvote。它导致像我这样的初学者被stackverflow阻止。

2 个答案:

答案 0 :(得分:0)

  @media (min-width: 1024px) {
       /*toggle navigation class*/{
               width=/*whatever*/
             }
}

答案 1 :(得分:0)

使用它:

@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}