beautypg.com

Bootstrap integration – Adobe Dreamweaver CC 2015 User Manual

Page 12

background image

5

What's new

Last updated 6/3/2015

• HTML_Snippets

• JavaScript Snippets (updated)

• PHP_Snippets

• Preprocessor_Snippets

• Responsive_Design_Snippets

For information on using code snippets, see

Work with code snippets

.

Bootstrap integration

Bootstrap is the most popular, free, HTML, CSS, and JavaScript framework for developing responsive, mobile-first
websites. The framework includes responsive CSS and HTML templates for buttons, tables, navigation, image
carousels, and other elements that you can use on your web page. A few optional JavaScript plug-ins too are available,
which enable developers with even basic coding knowledge to develop great responsive websites.

Dreamweaver lets you create Bootstrap documents and also edit existing web pages created using Bootstrap. You can
begin designing your Bootstrap website using one of the Bootstrap starter templates that you can choose from the New
Document dialog box (Starter Templates > Bootstrap Templates).

• Bootstrap-Agency

• Bootstrap-eCommerce

• Bootstrap-Portfolio

• Bootstrap-Product

• Bootstrap-Real Estate

• Bootstrap-Resume

You can also create a custom Bootstrap document from the New Document dialog box (New Document > Bootstrap).
Then, build the website brick-by-brick using Bootstrap components such as accordions and carousels using the Insert
panel in Dreamweaver. Or, if you have Photoshop comps, use Extract to bring in images, fonts, styles, text, and more
into your Bootstrap document.