Подключил бутстрап, а после этого обратил внимание на кучу разных свойств и классов flex. Возник вопрос: это всё возникло только потому что я бутстрап подключил, или оно и так было в CSS? Вроде как видел флексы и до того как подключил бутстрап, но они вроде другими были..
Короче, вопрос: флексы пришли к нам из бустрапа, или они были и в цсс? Или может и там и там есть свои флексы?
Тот флекс, который все имеют ввиду - это искомая часть CSS3.
Выглядит это так:
.my-block {
display: flex;
}
Это - и есть та самая "резиновая вёрстка".
В Bootstrap тоже есть свой флекс, и вот его пример:
<div class="d-flex flex-column">
<div class="p-2 bg-info">Flex item 1
<div class="p-2 bg-warning">Flex item 2
<div class="p-2 bg-primary">Flex item 3
<div class="d-flex flex-column-reverse">
<div class="p-2 bg-info">Flex item 1
<div class="p-2 bg-warning">Flex item 2
<div class="p-2 bg-primary">Flex item 3
Лично я предпочитаю не лезть в бутстрап, что б избежать проблем накладывания стилей одни над другими, а просто использовать CSS3 с кастомными flex.