I am still having difficulties. I want to combine the new style sheet with my old so that I keep all my alterations
But when I process my SCSS the compiler states:
File to import not found or unreadable: bootstrap-4.0.0-beta.1
968: @import 'bootstrap-4.0.0-beta.1';
The result is that all my custom code is processed but all my alterations to variables such as bg-primary and such is omitted.
Can you explain to me how the Bootstrap stylesheet is imported? Because it is not not in my own directory, is it? I thought that it was imported from an external directory.
Here is my html header:
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
////this is my local stylesheet originally from Pingendo ////
<link rel="stylesheet" href="out/index4.css">