Bootstrap doesn’t matter in Vs Code. Why? - UPDATE

Asked

Viewed 23 times

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.

tela do projeto teste com bootstrap

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?

Problema SCSS - TRANSPARENTIZE

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.