Спасибо большое, сейчас буду проверять!
А как сделать тоже самое, но используя сетку на bootstrap 5? Вот пример HTML, чтобы было понятно!
XML/XHTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
< div class = "container" >
< div class = "row mb-3 text-center" >
< div class = "col-md-3 themed-grid-col" >левая колонка</ div >
< div class = "col-md-6 themed-grid-col" >
< div class = "row themed-grid-col" >Самая последняя статья по дате ля-ля-ля читать далее...< br /></ div >
< div class = "row mb-3 text-center" >
< div class = "col-4 themed-grid-col" >Статья 1< br /> ля-ля-ля< br /> читать далее...</ div >
< div class = "col-4 themed-grid-col" >Статья 2< br /> ля-ля-ля< br /> читать далее...</ div >
< div class = "col-4 themed-grid-col" >Статья 3< br /> ля-ля-ля< br /> читать далее...</ div >
</ div >
< div class = "row mb-3 text-center" >
< div class = "col-4 themed-grid-col" >Статья 4< br /> ля-ля-ля< br /> читать далее...</ div >
< div class = "col-4 themed-grid-col" >Статья 5< br /> ля-ля-ля< br /> читать далее...</ div >
< div class = "col-4 themed-grid-col" >Статья 6< br /> ля-ля-ля< br /> читать далее...</ div >
</ div >
</ div >
< div class = "col-md-3 themed-grid-col" >правая колонка</ div >
</ div >
</ div >
|
Добавлено 45 секунд спустя:
Меня подкупает быстрая скорость работы Cotonti, поэтому хочу разобраться!