2016-04-08 16 views
1

質問が回答しました!コードがコード化されましたモバイルにナビバーが表示されない

+0

ここからナビバーを取得してください:http://getbootstrap.com/components/#navbar – Manish62

+0

これはブートストラップのデフォルトの動作です...モバイル画面にスペースが少なくて済むようにナビバーを隠しますが、モバイルビューに表示される折りたたまれたアイコンをクリックすると、navbar ... –

+0

それで私の答えはあなたのために働いたのですか? – Fiido93

答えて

0

私はそれがブートストラップの折りたたみ可能なnavbarが動作することを意図していると思います。

あなたのNAVは、この要素に含まれています。

<div class="collapse navbar-collapse" id="mainNav">

あなたがここにコードを見れば:

https://github.com/twbs/bootstrap/blob/v3.3.6/less/navbar.less#L40-L73

.collapseクラスは、要素が非表示になります(でdisplay: noneを追加)、画面サイズがlaの場合ブレークポイント(768pxは@ grid-float-breakpoint)より大きい場合、このコードは要素を示すためにdisplay: block!importantでそれを上書きします。

+0

!重要なのは、ナビゲーションバーの画像を表示するキーパーツです。私は何ができるのですか? – user6150658

+0

携帯でも表示したいだけなら、 –

0

あなたのnavbarがモバイルに表示されない理由はたくさんあります。

。私は<nav class="navbar-inner">とあなたのnavbarのトグルをすでに設定していますが、背景は透明です。 実際には<nav class="navbar-default navbar-inner">を追加する必要があります。

は、ここで私はすでにそのデモで自分のコードを追加しDEMO

です。それは完璧に動作します。

。適切に動作している場合は、ブートストラップのCSSとjsのjqueryリンクも確認してください。

+0

ええと私がそれをすると何が起こるのでしょう; yは家を表示し、それは1/3、それ以外のものはありません。 – user6150658

+0

あなたのcss first braを修正する必要があります。 – Fiido93

+0

なぜあなたのCSSが今の主な問題だと言うのですか? – Fiido93

関連する問題