Сползает title новости

[RusPRO 0]

https://chertezhi.com
Доброго дня, всех поздравляю с наступившим новым 2025 годом.

 

При просмотре краткой новости через мобильное устройство наблюдаю такую картину - заголовок title отображается под картинкой публикуемой новости? Почему так происходит и можно ли это как-то исправить?

[dds 66]

3 часа назад, RusPRO сказал:

https://chertezhi.com
Доброго дня, всех поздравляю с наступившим новым 2025 годом.

 

При просмотре краткой новости через мобильное устройство наблюдаю такую картину - заголовок title отображается под картинкой публикуемой новости? Почему так происходит и можно ли это как-то исправить?

А он и не сползает. Он ставится ровно там, где он указан в вашем шаблоне и конкретно в вашей сетке Bootstrap. Для ваших целей можно например, создать дополнительный заголовок, специально для мобильных (d-md-none),  а оригинальный заголовок показывать только на десктопах (d-none d-md-block).

[RusPRO 0]

36 минут назад, dds сказал:

А он и не сползает. Он ставится ровно там, где он указан в вашем шаблоне и конкретно в вашей сетке Bootstrap. Для ваших целей можно например, создать дополнительный заголовок, специально для мобильных (d-md-none),  а оригинальный заголовок показывать только на десктопах (d-none d-md-block).

А Bootstrap для чего нужен? Я просто сейчас чищу шаблон он файлов .js и .css. Что будет, если я его удалю?

[dds 66]

38 минут назад, RusPRO сказал:

А Bootstrap для чего нужен? Я просто сейчас чищу шаблон он файлов .js и .css. Что будет, если я его удалю?

Bootstrap используется для быстрой верстки адаптивных дизайнов сайтов. Если ваш шаблон построен на нем ( а так и есть ), то придется полностью его переписывать, так как придется писать собственные CSS уже через @media. Лучше его оставьте, если он есть изначально в шаблоне. Да и вам будет проще, если изучите принцип его действия.

Если же он вам не нужен, то проще поискать шаблоны построенные не на нём.

[RusPRO 0]

7 часов назад, dds сказал:

А он и не сползает. Он ставится ровно там, где он указан в вашем шаблоне и конкретно в вашей сетке Bootstrap. Для ваших целей можно например, создать дополнительный заголовок, специально для мобильных (d-md-none),  а оригинальный заголовок показывать только на десктопах (d-none d-md-block).

Сможете подсказать какие-нибудь самоучители по Bootstrap (видео и т.д.)?

[dds 66]

Да просто введите в вашем поисковике: Bootstrap  инструкция на русском языке. Например: вот. Это для 5 версии фреймворка

Так же и с видио, благо их в интернете куча

Поверьте там нет ничего сложного.

Изменено 2 января пользователем dds