Как я могу использовать bootstrap для стиля моего пользовательского компонента joomla

Как я могу использовать bootstrap для стиля моего пользовательского компонента joomla

11.09.2019 03:55:21 Просмотров 61 Источник

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

Я попробовал следующее:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4">

        </div>
        <div class="col-md-8">

        </div>
    </div>
</div>

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

Что я могу сделать, чтобы заставить bootstrap работать?

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component#comment102201061_57889693
Вы называете бутстрап.css на Вашей странице ?
https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component#comment102201290_57889693
@RémyTesta Да я включил CDN но это нарушает стандартную разметку joomla
https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component#comment102201484_57889693
Можете ли вы предоставить свой код или объяснить, где вы разместили ссылку cdn. Возможно, ваша тема joomla уже использует bootstrap. Попробуйте угадать, какая версия. Есть ли ваш сайт в интернете ?

Ответы - Как я могу использовать bootstrap для стиля моего пользовательского компонента joomla / How can I use bootstrap to style my custom joomla component

Amelia Magee

11.09.2019 03:59:17

col-md-x будет активироваться только на средних размерах экрана (768px) или выше, так как bootstrap-это мобильный первый подход. Попробуйте заменить col-md-4 и col-md-8 на col-4 и col-8

https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component/57889780#comment102201202_57889780
Не работает, если я помню Bootstrap работает с md на всех экранах, если это ваше единственное имя класса.
https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component/57889780#comment102201521_57889780
Нет, это не так, как это работает. Сохраните исходный код и увеличьте окно, вы увидите, что они будут привязаны к нужной позиции после 768px. Если вы хотите, чтобы он защелкнулся в положение после 0px, то используйте col-4 и col-8.
Является ответом!
Neil Robertson

12.09.2019 02:58:35

По умолчанию Joomla 3.шаблоны x и многие сторонние шаблоны Joomla используют Bootstrap 2, поэтому классы столбцов Bootstrap 3 или 4 не обязательно будут работать.

У вас есть несколько вариантов:

  • Используйте классы столбцов из версии Bootstrap, которая загружается на ваш сайт Joomla
  • Замените версию Bootstrap, которая загружается с Bootstrap 4, используя стороннее расширение, например Toggle Bootstrap (free) или jQuery Easy (free) или аналогичный
  • Вручную Закодируйте решение для замены версии Bootstrap, которая загружается с Bootstrap 4 (для некоторых примеров кода для этого см. ответы на вопросы https://joomla.stackexchange.com/q/4953/120)
  • Измените шаблон Bootstrap 4, например Joomshaper Helix Ultimate (бесплатно)

Я рекомендую последний вариант при этом поставить вас в хорошей форме для обновления до Joomla 4 в течение следующих 12 месяцев или около того. Joomla 4 будет использовать Bootstrap 4.

https://stackoverflow.com/questions/57889693/how-can-i-use-bootstrap-to-style-my-custom-joomla-component/57898107#comment102223288_57898107
Спасибо, я согласен, что последний вариант, вероятно, лучший.
Закрыть X