• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Bootstrap errors

Community Beginner ,
Jul 17, 2024 Jul 17, 2024

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

TOPICS
Bootstrap , Code , Error

Views

179

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 17, 2024 Jul 17, 2024

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.

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 17, 2024 Jul 17, 2024

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 17, 2024 Jul 17, 2024

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

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 17, 2024 Jul 17, 2024

Copy link to clipboard

Copied

LATEST

Thank you so much.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines