Adobe Dreamweaver CC 2015 - Manual (Page 167)

160
Layout and design
Last updated 6/3/2015
Add Bootstrap components
The Bootstrap Components option in the Insert panel lists all the Bootstrap components that you can add to your web
page in Dreamweaver.
To add a component, drag it from the panel onto the web page. Before you drop the component, take note of the visual
aids such as Live Guides, Precision Insert (using DOM), and Position Assist. Use these aids to place the components
quickly, and accurately on your page. For more information on inserting elements in your web page, see the article on
Use the Insert panel .
Add rows
Click the required row after which you want to add the new row. Then, click . A Bootstrap row along with two child
column elements with six columns each is added.
The code for the added row is as follows:
where * represents the current screen size in Dreamweaver.
Add columns
Select the required column and then click . The selected column is duplicated without its children.
All empty columns are assigned a minimum height of 20px. However, this height is not actually added to the page; it is
shown only in Live view for easier insertion of elements within the columns.