Autor Zpráva
mox
Profil *
Zdravím,
potřeboval bych klasicky ul>li seznam zobrazit tak, aby se na desktopu zobrazoval normálně a na mobilu se místo něj zobrazil jen button. Po kliknuti na button by se seznam zorazil.

Jak to udělat na bootstrapu?

Používal jsem klasickou konstrukci bootstrapu pro navigaci, která fungovala dobře. Bohužel po přidání vnořené druhé úrovně se položky nezobrazují normálně, ale jako menu po kliknuti a to já nechci.

Díky
xaverista
Profil
Ahoj, bootstrap má také class hidden-xx místo xx nahrad pri jakem rozmeru se to nemá zobrazit (xs,sm,md nebo lg) toto také najdeš v dokumentaci...

Takže na ul bych přiřadil class hidden-xs a na button hidden-sm hidden-md hidden-lg(buď tam dej všechny, nebo postačí možná jen hidden-sm a hidden-md tím si nejsem jist)
zde máš dokumentaci hledej to pod Available classes

A potom zobrazení seznamu po kliknutí na button bych já udělal asi pomocí jQuery
zde ukázka

Doufám, že jsem pomohl :-)
Radek9
Profil
xaverista:
na button hidden-sm hidden-md hidden-lg
Nebo prostě visible-xs.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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