Copy link to clipboard
Copied
Is there a way I can fix all the bootsrap errors when creating a new blank HTML page using Bootstraps? everything here is tagged with error
:root {
8 --blue: #007bff; "Expected RBRACE at line 8, col3.
9 --indigo: #6610f2;
10 --purple: #6f42c1;
11 --pink: #e83e8c;
12 --red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
32 --breakpoint-lg: 992px;
33 --breakpoint-xl: 1200px;
34 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
35 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
36 }33
Copy link to clipboard
Copied
Ignore Bootstrap CSS errors. Here's why:
1. Bootstrap uses SASS variables, maps & mix-ins to make browsers behave properly.
See Customizing Bootstrap with SASS for more details.
2. The pre-processed SASS code is not web standards compliant until it's processed to CSS.
3. If you remove the so-called errors, you will destroy Bootstrap which would be counterproductive.
Hope that helps.
Copy link to clipboard
Copied
Thank you. I figured it was something like that, because I saw the same on the templates also.
Thank you for taking the time to respond!!
I only know the basics of HTML/CSS..Bootstrap is very new to me.
I would have to be schooled on what you directed me to.
....?would using a Sass app. assist me at all with Dreamweaver?
Copy link to clipboard
Copied
To use Bootstrap, you don't need to know SASS yet.
Eventually, you may want to leverage Bootstrap's superpowers with advanced coding skills using SCSS > SASS > CSS. When that time comes, you can set up a pre-processor in Dreamweaver. But you don't need that knowledge until you're ready for it.
https://helpx.adobe.com/dreamweaver/using/css-preprocessors.html
Right now, just focus on learning Bootstrap's built-in classes and the 12-box grid system.
https://www.w3schools.com/bootstrap/bootstrap_ver.asp
Copy link to clipboard
Copied
Thank you so much.