RWD - bootstrap a @media

Question

Chciałbym do gotowej strony dodać mechanizm RWD. Próbowałem użyć Bootstrapa ale krótko mówiąc nie wyszło. Poczytałem o innych rozwiązaniach i znalazłem to z użyciem czystego CSS-a wersji 3. Pytam się jednak czy jest sens użycia 

@media

Wiem że bootstrap oferuje gotowe rozwiązania ale szczerze mówiąc nie potrafię ich użyć.

Answer 1

Podłączenie bootstrapa do gotowej strony nic nie zmieni. Może warto napisać nową stronę?

Pytanie czy chcesz robić to w ramach nauki czy jako projekt dla klienta/siebie którzy ma być RWD?

W obu przypadkach odradzam bootatrapa. To nie tak że bootstrap jest zły, mocno przyśpiesza pracę jeśli dobrze się go zna ale zanim go poznasz powinieneś dobrze poznać CSS i jQuery na którym oparte są gotowe rozwiązania o których piszesz.

Answer 2

To zależy, jeśli chcesz szybko stworzyć stronę, która będzie mogła mieć gotowe komponenty bootstrapa - czyli nie będziesz edytować buttonów itd - szedłbym w bootstrapa.

 

Jeśli chcesz mieć stronę która będzie stylowana na podstawie jakiegoś szkicu to wtedy unikałbym bootstrapa. Ogólnie tam gdzie się da i nie ma z tym za dużo roboty warto wykorzystywać czysty css.

Comments

Dzięki za odpowiedzi, mam jeszcze jedno pytanie co jest lepsze użycie grid-a czy @media

---

To są 2 techniki które się uzupełniają. Używaj grida/flexa i media.

---

Dzięki!