Dreamweaver 21.2 Mac - Bootstrap CSS issues

[Bitlocker]

I am building a page using bootstrap 4.4.1 that comes with Dreamweaver. However, when previewing the page, it doesn't show the features included (for example, top bar, carousel, etc.). I checked the Output pannel and found that bootstrap css shows several errors associated with the :root {--blue: #007bff... font-family-monospace:}.

I tried Safari and Chrome browsers and neither worked.

Any suggestions?

Sincerely,

[Jon Fritz]

It's not likely to be a real error in the part you've shown above. That's a css variable and DW doesn't understand them so it marks them as errors.

You should never modify the Bootstrap css file though, instead, create a second .css file that comes after the link to it in your HTML and use that file to override the default settings.

For us to see what could be going wrong, you'd need to post your work in progress to a test location on a server you control and drop a link to it here. One of the contributors should be able to find your issue pretty quickly and once found, you can delete the test files.

[Nancy OShea]

Did you define your local site before you began?  Site > New Site...

Did you save and name the file after Creating it?

Once saved, DW creates Assets folders for you and resolves paths to the Bootstrap support files (CSS, JS).

Hope that helps.