Install Boostrap 4 RTL for Laravel

Boostrap 4 RTL for Laravel.md

Install Boostrap 4 RTL for Laravel

1. npm uninstall --save-dev bootstrap-sass

2. npm install --save-dev rtl-bootstrap popper.js

3. Find In 'resources/assets/js/bootstrap.js' and Replace

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap-sass');
} catch (e) {}

try {
    window.$ = window.jQuery = require('jquery');
    window.Popper = require('popper.js');

    require('rtl-bootstrap');
} catch (e) {}

4. Find In 'resources/assets/sass/app.scss' and Replace

// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

// Variables
@import "variables";

// Bootstrap
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

// Variables
@import "variables";

// Bootstrap
@import "~rtl-bootstrap/scss/bootstrap";

5. Find And Delete line in 'resources/assets/sass/_variables.scss'

$font-size-base: 14px;

6. Run npm install

7. Run npm run dev or npm run production or npm run watch

8. Enjoy and use Bootstrap4 RTL

Auther: Hamid Nasr Website

Thanks a Lot

مرسی عالی بود

npm i bootstrap-v4-rtl

Thanks a lot for sharing this and solved my problem