beautypg.com

Hide, unhide, and manage hidden bootstrap elements – Adobe Dreamweaver CC 2015 User Manual

Page 166

background image

159

Layout and design

Last updated 6/3/2015

A Row B Column

Dreamweaver recognizes the CSS files associated with any Bootstrap HTML file if the CSS filename contains
'bootstrap'. The CSS file reference can be any or all of the following:

Local path:

The minified or unminified CSS file is present locally. For example:

or

Remote path:

A remote minified or unminified CSS file. For example:

href="http://somewebsite.com/css/bootstrap.min.css" rel="stylesheet">

CDN

Note: Bootstrap style sheets in both link and import tags are supported in Dreamweaver. However, nested import - link to
a style sheet that in turn imports another style sheet - is not supported.

Hide, unhide, and manage hidden Bootstrap elements

Sometimes, you may require an element to be displayed in one viewport while in another viewport, you may want to
hide the element for design purposes.

• To hide a Bootstrap element, right-click and select Hide Element. The element is temporarily hidden from the view.

• To view and unhide hidden elements, right-click and select Manage Hidden Elements. The hidden elements appear

with a gray, hashed background. Click the eye icon to unhide the element.