Почему не выравнивается сетка bootstrap 4 в dle?

вопрос

Добрый вечер!
Установил новый bootstrap 4 в чистый шаблон!
Проблема в том что в новой сетке не выравниваются столбцы "colы"

Например в прежней версии bootstrap"3" я делал следующим образом:
Когда мне нужно было выводить краткие новости на главной в 2 ряда и более я делал:

<div class="row">
{content}
</div>
а потом в shortstory.tpl оборачивал всё в "col-md-6" вот так:
<div class="col-md-6">
<!--Краткая статья-->
</div>

Проблема в том что в bootstrap4 это уже не работает, я не могу понять почему.
Делаю так же как на 3 версии столбцы не выводятся в 2-3 ряда а просто в один ряд вертикально
Может я не понял что-то в новой версии или есть какой-нибудь класс чтобы исправить данный косяк?
Подскажите пожалуйста! Заранее спасибо!

Ответил: Pringles

Никакого нового класса нету. bootstrap 4 на FLEX. и если использовать то полностью, а не подключать бутстрап в уже готовый шаблон. Вы прибавите к весу не мало. Ну а суть вашей проблемы в том что движок тег {content} оборачивает в теги

потому и не группирует, так как не видит родителя. Удалите в main.php тег

2 комментария

Юзер

ewak - 2017-07-202 сентября 2017 18:36 - #65239

Какой тег ?

Юзер

163

redissx - 2017-07-203 сентября 2017 10:20 - #65246

<div id="dle-content"></div>

и к нему соответственно не применяется display: flex, который в row

Похожие вопросы

<script> window.addEventListener('load', ()=> { $('#category').on('change', function() { var value = $(this).val(); if ($.isArray(value)) { ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 ); } else { ShowOrHideEx("xfield_holder_year", value == 1 || value==2); } }) }); </script> year доп поле . 1 и 2 катег

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });