0
Hello, I used the command, inside SCSS, @import 'bootstrap-4.3.1'; But, it didn’t work.
I actually used also this below (none worked):
@import 'bootstrap-5.1.0';
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css');
This info appears in the output:
Compilation Error
Error: File "h:\Works\SINARJ\Site\Pingendo\oficial\bootstrap-5.1.0" not found
on line 4 of sass/h:\Works\SINARJ\Site\Pingendo\oficial\style.scss
>> @import 'bootstrap-5.1.0';
--------^
I did a little test and everything worked out. But, now it doesn’t work. I even gave an NPM install bootstrap and inserted the bootstrap node_modules into the workbook. And nothing.
The funny thing is that if I take @import Bootstrap out, SCSS compiles CSS. But, it doesn’t roll the bottstrap at all. And I need to, because I’m mounting several sliders that use bootstrap.
Can anyone tell me how I should call bootstrap in my code to generate CSS from SCSS?
Ps: in CSS directly it works to call the bootstrap, but I need it to be inside the SCSS, because there are codes there that I need to generate global functions in SCSS.
Thank you in advance.
UPDATE: I was able to import with the command:
@import 'node_modules/bootstrap/scss/bootstrap';
But, now I’m wrong in the style of the SCSS, the "transparentize". Anyone knows why this mistake?