2016-07-14 3 views
-3

静的ページを応答ページに変換しています。私のページは、768ピクセル後にトグルナビゲーションバーに変換するナビゲーションバーです。起動方法ブラウザのサイズを変更するときに1024pxからナビゲーションバーを切り替える

私はそれを自分自身でカスタマイズしたいと思っています。最初は1024pxの後に来るが、768pxの後に来るようにしたい。

どうすればいいですか? downvoteを与えないでください。それは私のような初心者にstackoverflowによってブロックされます。

+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のサイズを変更したいです画面のサイズを変更してください。このh1は "新しい" ID名のdivにあります:@media画面と(最大幅:480px){ #new h1 { font-size:100%; }} –

+0

これは私のクエリでは機能しません。あなたは私にフィドルのトグルナビゲーションバーの例を教えてください。 –

関連する問題