The March 2018 release of Dreamweaver CC (version 18.1) includes support for Bootstrap 4.0. Read on for a quick introduction to this feature.
For a summary of features introduced in earlier releases of Dreamweaver CC, see Feature summary | earlier releases.
New in the March 2018 release
The latest release in Dreamweaver offers support for Bootstrap version 4.0.0. With Bootstrap 4.0.0, you can take advantage of all the new features of the popular CSS framework, while building responsive sites in Dreamweaver.
Bootstrap 4.0.0 in Dreamweaver enables you to use components such as Cards, Badges, and Forms. Further, you can access a new 4.0.0 folder in the Snippets panel, under Bootstrap Snippets.
By default, when you create a site, version 4.0.0 is selected by default. However, you can create a site using the previous version by selecting 3.7.7 in Site Settings > Advance Settings > Bootstrap > Bootstrap Version.
To know more about creating responsive sites in Dreamweaver using Bootstrap 4.0, see Design responsive sites in Dreamweaver using Bootstrap.
Dreamweaver also offers starter templates to support Bootstrap 4.0. To access the new starter templates, click File > New > Starter Templates > Bootstrap Templates.
New in the October 2017 release
Dreamweaver CC now supports HiDPI displays for Windows and is per-monitor DPI-aware. That is, the application scales as per the scaling set of the monitor.
Earlier, in 4k displays, the UI elements in Dreamweaver did not scale properly. Items like menus, fonts, icons were pixelated and appeared small and blurry. With the support for HiDPI, Dreamweaver offers improved user experience. The UI elements appear crisper, without any pixelation. Further, you do not experience issues like overflow of UI elements.
New in the October 2017 release
Dreamweaver CC now offers multi-monitor support for Windows. The application automatically scales according to the resolution of the monitor.
Multi-monitor support offers several benefits. For example, you can untab a document and view the document in another monitor. By doing so, you can easily open and compare versions of a document, or two different documents.
It is also possible to view and edit different types of Dreamweaver documents in multi-monitors. For example, you can edit an HTML document in one monitor while viewing or editing a CSS document in another monitor.
Enhanced in the October 2017 release
The following are the enhancements introduced in this release for Git support:
You can now check the connectivity to your remote Git repository from within Dreamweaver. Click Test in the Site Setup dialog box or the Add New Remote dialog box. Dreamweaver tests whether or not the URL of your remote repository is valid.
The credentials that you enter while adding or connecting to the remote repository are not verified.
Dreamweaver now allows you to save your credentials when you clone a repository. You can save your credentials when you enter your credentials in the Site Setup dialog box. You need not enter your credentials every time you perform remote Git actions such as Push, Pull.
Earlier, the Save Credentials option was available in the Add Remote and Manage Remote dialog box. Every time you had to update your credentials, you had to go to these dialog box to reenter your credentials. Now, you can directly save your credentials when you clone a repository.
Dreamweaver allows you to search for files in the Git panel. As a user, when you have large number of files in your repository, you can search for files using the filename.
When you type the filename in the Search box, all the files that contain the search phrase are displayed instantly. You can also see the status of these files in the search result, helping you track your staged, modified, and untracked files.
When you merge branches in Git, and if there is a conflict, a Merge Conflict indicator is now displayed in the Git panel. An exclamatory icon next to a file indicates that the file has a conflict.
To read the detailed help article on Git support, see Using Git in Dreamweaver.
The Welcome screen in Dreamweaver provides quick access to your recent files, Creative Cloud files, and starter templates. In addition, the new screen has a Work tab and a Learn tab.
To access your recently opened files, click the Work tab. To access the learn videos for Dreamweaver, click the Learn tab and then click the required video.
Notice the search icon in the upper-right corner of the screen. When you type a search query, the application displays the recent files, Creative Cloud assets, help links, and stock images that match your search query.