Skip to main content
R
Robert5C65
Participant
July 17, 2024
Question

Bootstrap errors

  • July 17, 2024
  • 1 reply
  • 356 views

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

This topic has been closed for replies.

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 17, 2024

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.

 

Nancy O'Shea— Product User & Community Expert
R
Robert5C65Author
Participant
July 17, 2024

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?

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 17, 2024

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

 

 

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices