Bootstrap integration issue

if something is installed via composer, you shouldn't have to manually "register" anything , its done automatically

But which bootstrap ? I use SASS which is in vendor but i use gulpfile to move to public /css

Code:

function do1()
{
    
    
return gulp

       .src('node_modules/bootstrap/scss/*.scss    ')//takes scss from node modules & puts css in ui folder
       .pipe(sass())
       .pipe(concat('bootstrap.css'))
       .pipe(gulp.dest('public/css'))
    }

Then because i want to have some custom stuff with bootstap i do this in a file called style.css

Code:

@import url("bootstrap.css");
@import url("custom.css");
@import url("font-face.css");

The order means that same elements in both bootstrap and custom.css, custom will overwrite those of bootstrap


then in my single layout page i referecen the style.css which is in public/css dirs liek this

Code:

<link  rel="stylesheet" type="text/css" href="<?php echo base_url('css/style.css'); ?>   " />

CMS CI4     I use Arch Linux by the way