Dreamweaver | Supplement


 

 

 

 

 

 

 

 

 

You can also access the Code Navigator by choosing View > Code Navigator.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The Code Navigator

Dreamweaver's Code Navigator is helpful when troubleshooting CSS issues. Select the page element you need to troubleshoot, then Right-click (Control-click Mac) and choose "Code Navigator" from the pop-up menu.

Hover over each style to see its specific properties.

The logo is inside a link, which is inside the navbar, which is inside the the body; therefore, it is affected by all of these styles.

If you see a property that you would like to modify, click to jump directly to the CSS code.

The bootstrap.css file is read-only, but you can copy and paste the style into your custom.css file and make the changes there. Happy editing!