2012-07-24 14 views
5

Dlaczego to jest domyślne dopełnienie dla twitter bootstrap na ciele?twitter bootstrap domyślne wyściełanie

body { 
    padding-top: 60px; 
    padding-left: 20px; 
} 

Miałem wrażenie, że "reset" plików css-ish zwykle usuwa wszystkie wypełnienia/marginesy.

Odpowiedz

1

Wypełnienie na ciele zastępuje pliki .css.

Jak odupont wspomniano, „Jest to przydatne, gdy masz NavBar NavBar utrwalonych-top u góry strony”

Wyściółka ustawi 20px pionowy prześwit między górnym stałym umieszczonym pasku nawigacyjnym i twoi ciało dokumentu. Jak pokazano w powyższym kodzie, dopełnienie-top: 60px;

Wypełnienie pionowe 40 pikseli, aby wyczyścić wysokość najwyżej ustalonego paska nawigacyjnego, który ma wysokość 40 pikseli. A następnie, 20px pionowy prześwit między konsolą a korpusem. Tak więc, zadeklarowano 60px dla dopełnienia.

Ta rzecz css została wstawiona do ciała w celu specyfiki, nadpisuje ona wszelkie style dopełniania, które masz w pliku .css.

Spróbuj skomentować powyższy kod i zobaczyć wynik.

0

Przydaje się, gdy na górze strony znajduje się pasek nawigacyjny o stałej długości , na przykład pod adresem Bootstrap Doc.

0

Jeśli masz div i chciał mieć tło odcinku div drugiej strony, należy rozważyć użycie negatywnych marginesów równoważne padding na ciele, a następnie dodanie dopełnienie do div:

margin-left: -20px; 
padding-left: 20px; 
margin-right: -20px; 
padding-right: 20px;