Skip to main content
B
Bitlocker
Participant
May 23, 2022
Question

Dreamweaver 21.2 Mac - Bootstrap CSS issues

  • May 23, 2022
  • 2 replies
  • 164 views

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,

 

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    May 24, 2022

    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.

     

    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    May 23, 2022

    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.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices