Почему новости отображаются в один столбец?

Главные вкладки

Аватар пользователя towi towi 23 ноября 2021 в 20:24

Cделал свою сабтему Bootstrap 4 - Barrio SASS Я хочу чтобы 6 новостей на странице отображались в три столбца и два ряда, поэтому в модуле View->Format->Settings задаю Bootstrap клас:

И новости отображаются в три столбца и два ряда:

Но когда в модуле View -> Content:Body -> Trim this field to a maximum number of characters -> Maximum number of characters -> задаю 100 символов, то у меня почему-то все новости отображаются в один столбец:

Ниже добавлю несколько скриншотов из панели разработчика браузера, разметки и стилей, которые могут влиять на эту проблему:

Класс container:

Класс view-content:

Класс col-xs-12 col-sm-6 col-md-4 :

Лучший ответ

Аватар пользователя marassa marassa 24 ноября 2021 в 16:47
2

OldWarrior wrote: Вывод: "Trim this field to a maximum number of characters" где-то обрезает теги

По умолчанию да, но специально на этот случай там дальше есть галка "Field can contain HTML: An HTML corrector will be run to ensure HTML tags are properly closed after trimming"

Комментарии

Аватар пользователя OldWarrior OldWarrior 24 ноября 2021 в 12:13
1

Потому что тег <strong> разрывает flex row, не имея необходимых классов колонки и, судя по всему, помещает все последующие колонки начиная со второй внутрь себя. Хорошо видно на коде в скриншотах 2 и 3.

Вывод: "Trim this field to a maximum number of characters" где-то обрезает теги (скорее всего именно strong). Дальнейшее непредсказуемое поведение обусловлено конкретным браузером.

Аватар пользователя marassa marassa 24 ноября 2021 в 16:47
2

OldWarrior wrote: Вывод: "Trim this field to a maximum number of characters" где-то обрезает теги

По умолчанию да, но специально на этот случай там дальше есть галка "Field can contain HTML: An HTML corrector will be run to ensure HTML tags are properly closed after trimming"

Аватар пользователя OldWarrior OldWarrior 24 ноября 2021 в 18:40

Ну вот. А я всё тужился вспомнить, как называется что-то, что нужно нажать или включить, чтобы теги не резались Smile Смутно помню, что было что-то такое в Views UI.