Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Problem z responsywnościa bootstrapa
viamarimar
post
Post #1





Grupa: Zarejestrowani
Postów: 303
Pomógł: 1
Dołączył: 24.09.2011

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




Chodzi mi o responsywnosc strony podanej w linku. Wraz z jej zmniejszaniem "rozkracza" się góra strony czyli slider i logo.
Testujac na web developerze zly wyglad maja uklady:
-Mały tablet ? układ poziomy (800x600)
-Tablet ? układ poziomy (1024x768)

To dziwne bo jest to tworzone dosc standardowo, prosil bym o pomoc w poprawce, jak to zmienic?

Kod
<div class="poziom col-lg-12">
    <div class="col-lg-3">
    ..
    </div>
    
    <div class="col-lg-9">
    ..
    </div>
</div>


Ten post edytował viamarimar 29.11.2015, 00:54:08
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
andrew654
post
Post #2





Grupa: Zarejestrowani
Postów: 35
Pomógł: 9
Dołączył: 16.11.2012

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


Po pierwsze elementy col umieszcza sie w row, po drugie masz zdefiniowany wygląd tylko dla elementów dla szerokości >1200px, poniżej wszystkie elementy col wyświetlają się w szerokości 100% elementu nadrzędnego.
Jeśli chcesz utrzymać logo obok slidera przez cały czas w tej samej proporcji, dajesz:

  1. <div class="poziom col-lg-12">
  2. <div class="row">
  3. <div class="col-xs-3">
  4. ..
  5. </div>
  6.  
  7. <div class="col-xs-9">
  8. ..
  9. </div>
  10. </div>
  11. </div>


Jeśli proporcje mają być inne, to np:
  1. <div class="poziom col-lg-12">
  2. <div class="row">
  3. <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  4. ..
  5. </div>
  6.  
  7. <div class="col-lg-9 col-md-8 col-sm-6 col-xs-12">
  8. ..
  9. </div>
  10. </div>
  11. </div>


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: 18.10.2025 - 10:02