Working with bootstrap files, Create bootstrap documents, Using bootstrap starter templates – Adobe Dreamweaver CC 2015 User Manual
Page 162
155
Layout and design
Last updated 6/3/2015
5
(Optional) After you’ve created a notes file for your custom layout, you can open the file and specify the layout name,
description, and preview image.
More Help topics
Create a layout using a blank page
Set default document type and encoding
Working with Bootstrap files
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. Whether
it is a fully designed Bootstrap file or a work-in-progress design, you can edit them in Dreamweaver to not only edit
code, but also use visual editing features such as Live View editing, visual CSS designer, Visual Media Queries, and
Extract to make design changes.
Note
: You can open websites created using only Bootstrap framework version 3 and later in Dreamweaver.
Create Bootstrap documents
You can begin designing your Bootstrap website using one of the following options in the New Document dialog box:
• Bootstrap starter templates (Starter Templates > Bootstrap Templates) - Use this option if you want to get started
quickly without the hassle of laying out your pages from scratch. Simply edit the text and replace the assets, if
necessary, and your responsive website is ready. See
for more information.
• Create an HTML document based on Bootstrap framework (New Document > HTML > Bootstrap) - Use this
option if you want to build your website brick-by-brick using CSS and Bootstrap components within Dreamweaver.
S
r more information.
Note: In the new Bootstrap documents, CSS Designer is disabled. If you want to modify the styles in the Bootstrap
document, create or attach another CSS to the document.
Using Bootstrap starter templates
Bootstrap starter templates let you create web pages for popular themes in a jiffy. All the dependent files in the
framework are available for you to copy instantly.
1
Click File > New.
2
In the New Document dialog box that appears, click Starter Templates, and then select the required template from
the list of Bootstrap Templates.
3
Click Create.
4
Choose a location to save the new document and click Save.
5
When prompted to copy the dependent files, click Copy.