hamid-ne/Boostrap 4 RTL for Laravel.md

Last active July 8, 2021 19:12

Star (18) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/hamid-ne/d852074b3afbd95d8f8ee681ea69bbaf.js"></script>
Save hamid-ne/d852074b3afbd95d8f8ee681ea69bbaf to your computer and use it in GitHub Desktop.

Download ZIP

Install Boostrap 4 RTL for Laravel

Raw

Boostrap 4 RTL for Laravel.md

Install Boostrap 4 RTL for Laravel

npm uninstall --save-dev bootstrap-sass
npm install --save-dev rtl-bootstrap popper.js
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) {}

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";

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

$font-size-base: 14px;

Run npm install
Run npm run dev or npm run production or npm run watch
Enjoy and use Bootstrap4 RTL

Auther: Hamid Nasr Website

abbashajihashemi commented May 1, 2021

Thanks a lot for sharing this and solved my problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment