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
JakubBab
post
Post #2





Grupa: Zarejestrowani
Postów: 96
Pomógł: 2
Dołączył: 13.07.2015

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


Tutaj masz biblie w ktorej znajdziesz wszystkie odpowiedzi:

http://getbootstrap.com/css/#grid

Na poczatek proponuje zastosowac sie do rady andrew654. Dla przykladu:

  1. <div class="row">
  2. <div class="col-md-8">.col-md-8</div>
  3. <div class="col-md-4">.col-md-4</div>
  4. </div>


Na starcie strzal w kolano (zakladajac, ze strona ma byc responsywna) ustawiles wartosci kolumn na duze urzadzenia (tylko na duze!) np.
  1. <div class="col-lg-8">
. Nastepnie,
  1. <div class="poziom col-lg-12">
wykasuj ten "poziom" (swoja droga, chcialbym widziec pionowy bootstrap (IMG:style_emoticons/default/oneeyedsmiley02.png) )

Poczytaj manual odnosnie param .hidden
  1. http://v4-alpha.getbootstrap.com/layout/responsive-utilities/
.

Jak zabierasz sie za bootstrapa to koniecznie naucz sie .Less http://getbootstrap.com/css/#less

Metoda prob i bledow napewno dojdziesz do ladu

Ten post edytował JakubBab 1.12.2015, 19:09:58
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: 14.10.2025 - 10:05