Выровнять сетку в шаблоне modern

InstantCMS 2.X
#1 30 августа 2022 в 16:27

Здравствуйте.

Подскажите пожалуйста, а как сделать так, чтобы в шаблоне modern статьи выводились ровно, независимо от длинны заголовка ?

Сейчас мы видим, чтобы они были ровные нужно писать заголовки либо в 2 строчки, либо в одну.

Изображение

#2 30 августа 2022 в 16:28

В Bootstrap есть миллион и один способ это сделать. Как вариант — использовать специальный класс h-100 для нужного элемента.

#3 31 августа 2022 в 15:40

В Bootstrap есть миллион и один способ это сделать. Как вариант — использовать специальный класс h-100 для нужного элемента.

Make

Для разработчика просто, а вот простому юзеру мало что понятно (

Возможно если у кого-то есть кусочек свободного времени, объясните подробнее.

Заранее спасибо ) 

#4 31 августа 2022 в 16:06

А шаблончик то ultimate =)

#5 31 августа 2022 в 21:17

А шаблончик то ultimate =)

buk

Неа, это modern. Кстати в ultimate от dezerit сетка была ровная, но мне больше нравится modern. Если б еще сетку выровнять… Помоги pls, есть тут гуру CSS )))) 

#6 31 августа 2022 в 21:37

Так тут два варианта стилями, и один с помощью js

Стилями можно ограничить поле заголовка по высоте в 2 строки, остальное уйдет под троеточие.
Стилями можно сделать автоотступ остальных полей от заголовка, эти поля будут прижаты внизу.

С помощью js вычислить максимальную высоту заголовка и проставить у всех заголовков.

У всех перечисленных способов есть недостатки. Кроме первого, варианты сильно привязаны к содержимому, которое планируется вывести, и при определенных вариантах будет выглядеть некрасиво. А первый вариант может не понравиться, когда записей с длинными заголовками много, и все они будут с троеточием в конце.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.