Проблема с CSS на Drupal 11

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

Аватар пользователя apgreyd apgreyd 22 апреля в 19:10

Привет всем. перерыл все на сайте своем, но так и не понимаю почему не работает, есть сайт, и на нём съезжают кнопки тегов при растягивании экрана, нашел данную проблему в стиле CSS, которые включается при заданном растяжении, при подключенной внешней CSS https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/scss/mixins/_grid.scss

Изменив растяжение на 100% в самой опере проблема решается.

Поковырялся на сайте ,нашел файл bootstrap.min.css , в котором как раз и редактируется col-lg-6, редактирую заливаю и ничего. При открытии сайта и просмотра исходного кода стоит значение "50%", чищу все кэши на сайте, в опере все почистил и ничего, значение как было 50% так и осталось, где копать, файл проверил на сайте, значение стоит 100%

Лучший ответ

Аватар пользователя OldWarrior OldWarrior 24 апреля в 6:29

apgreyd wrote: нашел !important, через него

Да, используя ключевое слово !important. Однако, это не во всех случаях прям необходимо - иногда достаточно просто переопределить правила.

Другой вопрос, что для переопределения CSS ядра бутстрепа - ваш нужно научиться подключать CSS к кастомной (собственной) библиотеке (что не так сложно). А конечную собранную кастомную библиотеку подключить после (в порядке загрузки) библиотеки бутстрепа. И тут нужно манипулировать либо зависимостями библиотеки, либо весом (т.е. позицией) библиотеки, что уже несколько сложнее.

Подключение CSS/JS библиотеки:

Опция 1 - из темы: https://www.drupal.org/docs/develop/theming-drupal/adding-assets-css-js-...

Опция 2 - из модуля: https://www.drupal.org/docs/develop/creating-modules/adding-assets-css-j...

Комментарии

Аватар пользователя apgreyd apgreyd 22 апреля в 22:14

Решил сделать по другому и просто удалил этот класс с обертки, так как сайт резиновый, все норм и без него оказалось, но само интересно почему он не средактировался. Стало так, добавил ещё тегов, проверить как ведет себя, все окей

Аватар пользователя OldWarrior OldWarrior 22 апреля в 22:44

apgreyd wrote: все норм и без него оказалось, но само интересно почему он не средактировался.

Вы же сами написали выше, что определения у вас грузятся с внешней библиотеки CDN.

И - если уж на то пошло - правильнее было бы не править исходный код каких-либо компонентов бутстрепа, а переопределить правила в CSS для нужных классов в кастомной библиотеке и подгрузить её после всех правил бутстрепа.

Аватар пользователя OldWarrior OldWarrior 24 апреля в 6:29

apgreyd wrote: нашел !important, через него

Да, используя ключевое слово !important. Однако, это не во всех случаях прям необходимо - иногда достаточно просто переопределить правила.

Другой вопрос, что для переопределения CSS ядра бутстрепа - ваш нужно научиться подключать CSS к кастомной (собственной) библиотеке (что не так сложно). А конечную собранную кастомную библиотеку подключить после (в порядке загрузки) библиотеки бутстрепа. И тут нужно манипулировать либо зависимостями библиотеки, либо весом (т.е. позицией) библиотеки, что уже несколько сложнее.

Подключение CSS/JS библиотеки:

Опция 1 - из темы: https://www.drupal.org/docs/develop/theming-drupal/adding-assets-css-js-...

Опция 2 - из модуля: https://www.drupal.org/docs/develop/creating-modules/adding-assets-css-j...