How to import Bootstrap 5 RTL into Laravel 8?

Viewed 186

I know that we can import bootstrap 5 into laravel so

scss/app.scss

@import "~bootstrap/scss/bootstrap";

resource/bootstrap.js

import "bootstrap";

app.blade

<link rel="stylesheet" href="{{ asset('css/app.css') }}">

I want to import the bootstrap RTL from node_modules so i can change the default theme ..

but there is no bootstrap.rtl.scss just bootstrap.rtl.css in dist folder

I tried

_variables.scss

$body-bg: rgb(190, 20, 182);

app.scss

@import "~bootstrap/scss/functions";
@import "variables"; // here is my won variables
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

app.blade

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('vendor/bootstrap5.1.0/dist/css/bootstrap.rtl.min.css') }}">

But the background did not change

How to do that ?

0 Answers
Related