2016-07-14 45 views
-3

我正在将静态页面转换为响应页面。我的页面是一个导航栏,它在768 px后转换为切换导航栏。如何开始在调整浏览器大小时从1024px切换导航栏

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

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

+2

份额出现后768px –

回答

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; 
    } 
} 
0
@media (min-width: 1024px) { 
     /*toggle navigation class*/{ 
       width=/*whatever*/ 
      } 
} 
+0

你能不能帮我一个样品工作示例 –

+0

是啊,比如我想,当我改变我的H1尺寸的导航键代码调整screen.this h1是在一个div与“新”ID名称:@media屏幕和(最大宽度:480px){新h1 { font-size:100%; }} –

+0

这不适用于我的查询。你能否给我提供一个小提琴中的切换导航栏的例子。 –

相关问题