Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

strona responsywna (bootstrap)

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

strona responsywna (bootstrap)

Post 14.02.2017, 18:27:45

Cześć

Chcąc zrobić responsywną stronę z wykorzystaniem Bootsrapa jednak gdzieś popełniam błąd, ponieważ na dole mam pasek scrolla, nie mogę dojść o co chodzi. Any idea?

Niżej wklejam screen + linki do pastebina jak to wygląda: Zaznaczyłem o co mi chodzi. Sorry za nazewnictwo oraz dobór kolorów dopiero się uczę :)

1. strona - https://zapodaj.net/ac38bd76a55e2.png.html
2. kod html - http://pastebin.com/itV4RD6J
3.kod css - http://pastebin.com/vyTeaQsk
pebrzosky
Posty: 1
Dołączył(a): 14.02.2017

Re: strona responsywna (bootstrap)

Post 14.02.2017, 19:01:44

Twój błąd polega na tym, że elementy .row muszą być (wg dokumentacji Bootstrapa) wewnątrz elementu z klasą .container lub .container-fluid. Jednym rozwiązaniem jest wewnątrz div.top_navigation wstawić dodatkowego diva z klasą container-fluid. Alternatywnie temu divowi.top_navigation dać klasę container-fluid, ale to wymaga dodatkowego dostosowania Twojego kodu CSS (usunąć width: 100% i zmienić padding: 20px 0; na padding-top: 20px; padding-bottom: 20px;
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19324
Dołączył(a): 14.04.2002


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 6 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 49378 zarejestrowanych użytkowników.
Najnowszy użytkownik: wojciech-opiniologia


Nasi użytkownicy napisali:

  • 933259 wiadomości
  • w 245687 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)