App Connect Bootstrap 4 Version 2 Support
The easiest way to build responsive website layouts in Dreamweaver
Bootstrap 4 Version 2 comes with a totally redesigned UI and revamped UI controls! The new version is the easiest way to build responsive, Bootstrap 4 based websites in Dreamweaver, thanks to Wappler and its awesome community!
App Connect Bootstrap 4 V2 takes the world's leading CSS framework to the next level! The typical mobile-first grid that appropriately scales up to 12 columns to build layouts of all shapes and sizes is now under your control: manage all the details directly from the user interface of Dreamweaver.
Bootstrap’s layout in version 3 has been powered by float-based styles. But Bootstrap 4 uses a full suite of responsive flexbox utilities by default - that means you can define one column and have its siblings automatically resize around it! Excepting the major changes, there's a number of minor fixes in Bootstrap 4 too.
That's not everything: you can easily migrate your old Bootstrap 3 websites to the newest version by the integrated convertor. App Connect Bootstrap 4 is the most powerful tool for building mobile-first site layouts you can imagine!
Highlights
 | The All-New Bootstrap 4 Features Latest version of the world's most popular CSS framework included (v4.3.1), better than ever! |
 | Bootstrap 3 to Bootstrap 4 Conversion Included Yes - you can easily convert your old Bootstrap 3 websites to the newest version! |
 | Many Predefined Elements Included Use dozens of predefined classes - awesome ready-to-use elements! |
 | Smart Elements Insertion Elements’ insertion is context-sensitive - it suggested you components based on the current context! |
 | Customize Each Element Directly in the UI Many customization options are available for each element in the user interface of Dreamweaver! |
 | 12-column Responsive GridPowerful mobile-first flexbox grid that appropriately scales up to 12 columns to build layouts of all shapes and sizes. |
 | Advanced Flexbox IntegrationQuickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities |
 | Content TemplatesAdd, edit and reuse the included pre-built, responsive content templates |
 | Advanced Grid Layouts and Nested ColumnsIntuitively add as many rows as you wish within a column! |
 | Mobile-First Design From ScratchThat's something standard - it's designed to look best on mobile devices. |
 | Include Bootstrap CDN or a Local File Choose to include directly Bootstrap CDN or upload CSS files of the framework locally. |
Features
Awesome mobile-first 12-column responsive flexbox grid
The mobile-first flexbox grid helps you to build layouts of all shapes and sizes without any coding skills! So easy and powerful!
Redesigned UI
Bootstrap 4 V2 comes with a totally redesigned, modern and easy to use UI
Revamped UI Controls
Easily adjust properties like size, offset or order using slider controls. Just drag the slider to adjust!
New Flexbox Controls
Adjust the direction, align, justify content and other Flexbox options by simply clicking an icon.
New Content Layout Presets
Select a layout template for columns and rows! Just click on any of the icons to select a preset.
New Rich Text Styling Controls
Visually adjust options like align, font weight, text transform, text styling or color
Auto Detect Device Size
The device size selected in Dreamweaver is automatically detected and the adjustments will be added for its media query only. Icons in the properties panel show what device size are you working on currently.
Fully context sensitive elements choice
Elements’ insertion is context-sensitive and that allows you to automatically focus your attention on suitable suggested components based on the current context!
New Content Templates
Quick start Content Templates offer you different headers, navbars, content elements and footers with a single click!
Bootstrap 4 elements upon your wish
Just click and add the most popular Bootstrap 4 elements!
Easiest way to customize elements
Use the user interface of Dreamweaver to set your settings of every element you include. Really easy!
New Visual Margin and Padding Controls
Click and drag the margin and padding controls in order to select a value.
Single click conversion to Bootstrap 4
You need just a single click to convert all of your current Bootstrap 3 websites to the new framework version.
CDN vs. local file?
It's up to you: include directly the always-updated Bootstrap CDN or upload the CSS files locally.
Great App Connect extensions support
Bootstrap 4 is made for App Connect - use all the slideshow, masonry, lightbox, charts and other extensions as native components!
George Petrov
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.
George is also the founder of Wappler.io - the most Advanced Web & App Builder