Autor Zpráva
Jakuub
Profil *
Dobrý deň. Mám kód pre responzívne menu a rád by som, aby sa po kliknutí otvorilo.
<!--Navbar-->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-header">
      <a class="navbar-brand" href="#intro">Wake 'n Photo</a>
      <div class="show-menu">☰</div>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li><a href="#intro" class="page-scroll">Home</a></li>
        <li><a href="#gallery" class="page-scroll">Gallery</a></li>
        <li><a href="#contact" class="page-scroll">Contact</a></li>
      </ul>
    </div>
</nav>

CSS:
@media screen and (max-width: 770px) {
    .navbar-nav {
        width: 100%;
        margin: 0px;
    }

    .navbar-fixed-top {
        background: #2C3E50;
    }

    .navbar-nav {
        display: none;
    }

    .navbar-nav > li {
        width: 100%;
        float: left;
        background: #2C3E50;
    }

    .show-menu {
        display: block;
    }
}

Skúšal som viac tútorialov, ale ani podľa jedného som to nedal dokopy.. Poradí niekto? Chcel by som to spraviť pomocou jQuery, keďže ostatné scripty mám v jQuery.
juriad
Profil
Jakuub:
Evidentně jde o část HTML zkopírovanou z Bootstrapu. Proč nepoužiješ rovnou celý Bootstrap?
Jakuub
Profil *
Áno je to robené v bootstrap. Používam ho ale prvý krát na tomto "projekte". Je tam funkcia pre responzívne menu alebo niečo podobné? :O
juriad
Profil
Kdybys použil celý Bootstrap, tak ten to vše již obsahuje. O JS by ses vůbec nestaral.
Viz Živá ukázka (provedeny jen minimální změny podle getbootstrap.com/components/#navbar).
xaverista
Profil
Zdravím, dokumentaci i s prvky najdeš na www.getbootstrap.com :-)
Jakuub
Profil *
Ďakujem, nabudúce budem viac hľadať :) Vidím to tak že po dokončení musím poriadne naštudovať bootstrap, je to silný nástroj pre Front-end. Tak ako som ho kedysi zatrácal, tak mi teraz aj s mojími chabými znalosťami tohto "frameworku" dosť uľahčil prácu. Ešte raz ďakujem za odpovedi, všetko fičí :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: