NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Bootstrap - navbar collapse nefunguje

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
sp
Člen
Avatar
sp:24.11.2016 9:52

Zdravím, najde se někdo kdo by mi poradil? Tlačítko pro rozbalení menu se zobrazuje v pořádku, ale po kliknutí se menu neotevře. Už si nevím rady. Díky!

<nav class="navbar navbar-default" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="navbar-collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav menu">
                            <li class="active"><a href="#">O nás</a></li>
                            <li><a href="#">Nabídka</a></li>
                            <li><a href="#">Dokumenty</a></li>
                            <li><a href="#">Kontakty</a></li>
                        </ul>
                    </div>
                </div>

             </nav>
 
Odpovědět
24.11.2016 9:52
Avatar
Neaktivní uživatel
Člen
Avatar
Neaktivní uživatel:21.12.2016 23:41

Ahoj, přepiš si u toho buttonu data-toggle na "collapse", tj.:

<nav class="navbar navbar-default" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav menu">
                            <li class="active"><a href="#">O nás</a></li>
                            <li><a href="#">Nabídka</a></li>
                            <li><a href="#">Dokumenty</a></li>
                            <li><a href="#">Kontakty</a></li>
                        </ul>
                    </div>
                </div>

             </nav>
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
21.12.2016 23:41
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.