Wyświetlanie po jednym elemencie na mobilnych urządzeniach

Question

Witam. Mam mały problem z bootstrap i nie wiem jak z tym sobie poradzić. http://ckpl.pl/ chodzi mi o sekcję aktualności. Chciałbym zrobić żeby na mobilnych wyświetlało te wpisy pojedynczo. Aktualnie jest tak że jak są 4 wpisy to wyświetla na mobilnych 3 jedno pod drugim i jak się przesunie wyświetla jeden. Przez co strona jeździ góra dół. Z góry dziękuję za pomoc :)

Answer 1

Chyba nie do końca zrozumiałeś grida:

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

Czyli jeżeli chcesz w xs (extra small) mieć jeden element w lini, dajesz wartość col-xs-12 (że ma zajmować 12/12 miejsc)

I teraz w zależności od którego breakpointa ma się zmieniać i jak ma się zmieniać, dodajesz wartość np.: col-md-4 (czyli że jeden element w szerokości medium ma zajmować 4 miejsca na 12, co daje nam 3 elementy w jednej lini)

Comments

PS

zawsze możesz skomponować własne breakpointy: http://getbootstrap.com/customize/#media-queries-breakpoints

---

Chodzi mi o linię pionową a nie poziomą. Na większych ekranach jest dobrze 3 elementy w poziomie obok siebie są. Na małych ekranach jak bym nie ustawił czy xs-12 czy coś innego to i tak jest pionowo jedno pod drugim 3 elementy.

Answer 2

Ktoś coś jakiś pomysł? Nadal się męczę :(