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 ?