Какую технологию использовать для верстки: flex, float или bootstrap?

Question

[fregire]

В общем хочу реализовать сайт, небольшого масштаба с простым функционалом. Встал вопрос: через какую технологию(если можно так назвать) стоит верстать, для того, чтобы сайт был кроссбраузерным и оптимизированным под все устройства.
На выбор три варианта:
1)float'ами + media-запросы(по старинке)
2)flexbox + media-запросы(также скажите, настал ли уже тот период, когда можно использовать флексы)
3)bootstrap + media-запросы
Оптимизация должна идти для IE 8+.
P. S. - это мой первый проект, поэтому думаю, стоит ли тратить время на флоты, если за флексами будущее(или я ошибаюсь?) или же воспользоваться бутстрапом.
Буду очень благодарен за ответ:)

Comments

[Hyubert]

верстайте float'ами
flexbox для ie10+
bootstrap - не технология

[Антон Спирин]

Не знаю зачем вам IE 8, но придется для него отдельную верстку писать.
https://caniuse.com/#feat=flexbox

Убедите заказчика поднять нижний порог поддержки до IE11. IE8 возможно вообще больше никем не используется. Ни в одном рейтинге его не видел.
https://www.w3schools.com/browsers/browsers_explor...
Напрасная трата времени.

Answer 1

[Sanes]

2)flexbox + media-запросы(также скажите, настал ли уже тот период, когда можно использовать флексы)

Давно пора. Но зависит от аудитории. Не у каждого бухгалтера на фирме есть браузер отличный от IE 7-8.

Comments

[fregire]

Вы случайно не знаете, до каких версий оптимизирован bootstrap, grid сетка точнее?(например, работает ли она для старых версий браузера?)

[Hyubert]

fregire, bootstrap 3 на float, bootstrap 4 - flexbox

[Hyubert]

fregire, https://getbootstrap.com/docs/3.3/getting-started/...

[fregire]

Спасибо))

[doroshenko_magic]

Так а зачем поддерживать IE8 если там только 0,1% пользователей сидит ?
Сейчас актуален только IE11
https://www.w3schools.com/browsers/browsers_explor...

Answer 2

[Anton Filippov]

для ие8+ буцтрап 3 и флоаты, но медиазапросы не работают в ие8, так что сайт не получится респонсивным

Answer 3

[Константин Теплоухов]

может я что-то не понимаю но
bootstrap 3 - И так на float,ах
bootstrap 4 - На флексах
Тут скорей выбор между 3 и 4 версией bootstrap,a ?