В чем отличие резиновой и адаптивной версток?

Question

[danger]

Озадачился удобством отображения на мобильных устройствах своего древнего магазинчика, который сверстан на таблицах с жестко заданной шириной. Table width=880, ну вы поняли...
Погуглив, я озадачился - резиновая верстка (которая когда-то была пиком мастерства) канула в лету, а весь интернет кишит фразами "адаптивная верстка" и bootstrap.
Что посоветуете? Настолько ли bootstrap хорош или достаточно переписать table width=880 на div width= 100%? Я не хочу делать какую-то особенную версию для мобильных - нужно просто, чтобы контент "ужимался" на мобильных в экран.
P.S. У bootstrap просто адовый код css, это законно вообще?

Comments

[Ankhena]

Вот видео на 5 минуток, ставящее всё по местам https://www.youtube.com/watch?v=srUZ9E4qQlQ

Answer 1

[iBird Rose]

резиновая верстка не популярна как раз потому что ее сложно адаптировать. тебе нужно прописать кучу media breakpoint'ов просто потому что "вот в этом момент этот блок ушел не туда".

bootstrap - это фреймворк с кучей вещей. но это не значит, что тебе они все нужны. он хорошо кастомизируется через scss исходники. ты можешь оттуда забрать только то, что тебе нужно. тогда и размер исходного css будет маленьким.