HTML CSS Bootstrap - ukrywanie border'a przy niskich rozdzielczościach

Question

Witam, tworzę poziome menu oddzielone borderami. Opieram się na bootstrapie. 1-szy element nie ma żadnego border'a, kolejne mają jedynie border left. Gdy strona otwiera się na smartfonach lub po prostu jest składana, wszystko ładnie układa się pod sobą - tylko powstaje problem, bo pierwszy element bordera z lewej nie ma, a kolejne już tak. Chciałbym przy niskich rozdzielczościach albo ukryć border dla pozostałych menu, lub dodać go pierwszemu. Zawsze zastanawiało mnie jak to zrobić.

Answer 1

wrzuć kod na http://codepen.io/pen/ coś się zrobi

Answer 2

media queries css

Answer 3

Skorzystać z breakpointów zdefiniowanych w BS-ie i skompilować sobie swój dodatkowy arkusz LESS-owy :P

A jak nie chcesz się tak bawić, zostają tradycyjne media queries.

Comments

Są jakieś ograniczenia w używaniu media queries?

---

W teorii nie.