Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Bootstrap] Dwie osobne listy dla dwóch różnych rozdzielczości
tzm
post
Post #1





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


Spotkał się ktoś z czymś takim?

Powiedzmy że chciałbym ukryć .navbar-left w rozdzielczości @media(min-width:1060px) a .navbar-right w @media(min-width:768px), nie razem, osobno?

Było by miło za jakiś przykład jak kojarzycie, poziom angielskiego mnie weryfikuje w poszukiwaniach
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
by_ikar
post
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Do ukrywania w różnych rozdzielczościach, czy też odsłaniania, jakichś kontenerów w bootstrapie masz klasy: .visible-*-* oraz .hidden-* http://getbootstrap.com/css/#responsive-utilities jeżeli dodatkowo wygenerowałeś bootstrapa pod siebie, a nie nadpisałeś jego domyślnych klas na swoje, to będzie działać to podobnie do grida, tzn nazwy tych klas będą podobne, przykładowo:

  1. <div class="visible-xs-block"></div>


zawartość diva widoczna (jako element blokowy eg display: block;) będzie tylko w rozdzielczościach mniejszych niż 768px (domyślnie). Z kolei:

  1. <div class="hidden-xs"></div>


zawartość diva widoczna będzie w rozdzielczościach większych niż 768px (domyślnie).
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 00:29