Какие бывают способы адаптивной верстки?

Question

[SchoolIT]

Здравствуйте, у меня возникли проблемы с материалом по адаптивной верстки. Допустим клиент скинул PSD Макет с разметкой под Bootstrap, я верстаю под bootstrap, но если разметка не 12-колонная что мне делать в этом случае?

Comments

[Антон]

Искать способы как сделать не бутстрапом.
Это инструмент нужен там, где он нужен, там где подход отличается от колоночной системы бутстрапа, справляйтесь другими способами, флексы, гриды и т.п.
Вы же не будете пилой забивать гвозди?

[sim3x]

А сколько колонок?

[SchoolIT]

sim3x, Здравствуйте, я новичок в этой теме. Одна большая колонка - как контейнер

[sim3x]

SchoolIT,
Ну вот и возьмите исходники bs на sass и укажите там одну колонку

Или везде указывайте ширину блока в 12 колонок

[SchoolIT]

sim3x, Без Wrapper

[sim3x]

SchoolIT, ?

[SchoolIT]

sim3x, Спасибо понял. То-есть любой сайт макет можно под BS сверстать?

[sim3x]

SchoolIT,
Теоретически - да
Практически - нет

Если дизайнер не использует колонки при создании дизайна и вам требуется пиксельперфект, то bs будет сложно внедрить

[Rustam Bainazarov]

SchoolIT, нет, не любой.

[SchoolIT]

sim3x, Тогда какой изучать способ лучше что-бы можно было сверстать любой сайт?

[SchoolIT]

Рустам Байназаров, Тогда какой изучать способ лучше что-бы можно было сверстать любой сайт?

[sim3x]

SchoolIT,

sass-css

[SchoolIT]

sim3x, Cпасибо, я знал что есть препроцессор SASS и изучил основы, но не знал что можно верстать адаптивно

[sim3x]

SchoolIT, сасс превравращается в цсс
Адаптивность зависит от того что и как вы напишете

[Rustam Bainazarov]

SchoolIT, Bootstrap — это набор CSS-кода для быстрой вёрстки. Он не является чем бо́льшим, чем тупо набор готовых кусков CSS-кода + немного JS для типичного функционала. Как начало пути — вполне себе хороший вариант, но дальше опираться на него не стоит во всём.