Необычная мозайка на Twitter Bootstrap?

Question

[ettaluni]

Доброго дня! Столкнулся со сложной мозайкой.

Возможно ли ее реализовать на Twitter Bootstrap? Обычными классами то я смогу, но хочется в сетку.

Comments

[sinneren]

ну, это типа masonry.
mpezzi.github.io/bootstrap_isotope
https://mdbootstrap.com/docs/b4/jquery/layout/boot...

[ettaluni]

sinneren, Я без masonry нельзя? Может есть какая то хитрость.

[sinneren]

ettaluni, мб гридами, но я их даже не стал изучать пока.
ну да, похоже гридами можно https://www.smashingmagazine.com/native-css-masonr...

[ettaluni]

sinneren, Что за гриды?

[ettaluni]

sinneren, Но это ведь все не bootstrap?

[Михаил]

ettaluni, bs головного мозга

[sinneren]

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

[ettaluni]

Михаил, bs лени, я знаю бутстрап на нем быстро и легко все делать. не хочу верстать на классах

[ettaluni]

sinneren, Я не понимаю о чем ты говоришь. Пожалуйста расскажи подробней

Answer 1

[Steppp]

)))

Comments

[ettaluni]

Охренеть, и все нативно, дак вот что за гриды. CSS уже так далеко шагнул, а у меня все еще знания 2015 года.
Спасибо что показал.

[Виктор Таран]

ettaluni, да гриды теперь в css правда тут от bootstrap собственно ни граму

[ettaluni]

Виктор Таран, Я уж понял)) Это я кроме bootstrap ничего не знаю

[Steppp]

ettaluni, Гриды мало где используют. Я их использую в таких блоках, или блоки, которые сильно перестраиваются на мобиле планшете. Гриды не знаю, пользуюсь документацией)))

[Steppp]

ettaluni, И еще, ты можешь использовать сетку как на бутстрапе
Точка, это пустая ячейка, высота блоков по контенту, или можно задать фиксированную минимальную любую!

grid-template:
      "q q . w w w w w . e e e" 
      ". . . . . . . . . e e e" 
      "r r r r r . t t . e e e" 
      "r r r r r . . . . . . ." 
      "r r r r r . y y y y y y";