#php #html #css #laravel #twitter-bootstrap
#php #HTML #css #laravel #twitter-bootstrap
Вопрос:
я хочу создать приложение laravel 8, которое использует bootstrap, и оно настолько простое до этой части, но я хочу добавить к нему rtl-версию bootstrap. итак, что я сделал, так это :
composer require laravel/ui
php artisan ui bootstrap
npm install
npm run dev
и я получаю, что bootstrap работает нормально. и то, что я сделал для начальной загрузки rtl, это в layout.blade.php :
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD 5mpDiZ4rkEPlnkcyTP 49BhJ4wJeJunw06ZAp wzzeBPUXr42fi8If" crossorigin="anonymous">
но снова элементы расположены слева направо . есть идеи, как это сделать и что я делаю неправильно
Комментарии:
1. Если начальная загрузка rtl выполнена успешно, просто добавьте body{ direction: rtl; }; можете ли вы опубликовать скриншот для результата?
2. Вы добавили / обновили ссылку js для rtl, как вы это сделали для css? если нет, то добавьте / замените загрузочный js cdn на этот
<script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js" integrity="sha384-a9xOd0rz8w0J8zqj1qJic7GPFfyMfoiuDjC9rqXlVOcGO/dmRqzMn34gZYDTel8k" crossorigin="anonymous"></script>Ref: Bootstrap 4 RTL3. да, я тоже добавил js
Ответ №1:
Это сделано неправильно.
Поскольку библиотека дважды загружает звук в своем слое (RTL и LTR)
Вы должны использовать только один (NPM или CDN)
Версия 4.2 недоступна для npm
- Установите Bootstrap версии 4.5 (последнюю версию)
npm i bootstrap-v4-rtl
- установите другую версию
npm i bootstrap-v4-rtl@x.y.z