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!
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 Grid
Powerful mobile-first flexbox grid that appropriately scales up to 12 columns to build layouts of all shapes and sizes.
Advanced Flexbox Integration
Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities
Add, edit and reuse the included pre-built, responsive content templates
Advanced Grid Layouts and Nested Columns
Intuitively add as many rows as you wish within a column!
Mobile-First Design From Scratch
That'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.
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!
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!
- Added support for the new App Connect Background Video
- Improve Bootstrap 4 Column Break to has its own class
The new major Version 2 release! Now with:
Totally redesigned UI and revamped UI controls, the new version is the easiest way to build responsive, Bootstrap 4 based websites in Dreamweaver! The new UI offers blazing fast performance and huge productivity boost, as it automatically detects the devices size selected in Dreamweaver and applies all the adjustments for its media query! Building your entire website using the responsive mobile-first grid system has never been easier!
All of this, thanks to Wappler and its awesome community!
- Redesigned UI - Bootstrap 4 version 2 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
- New Visual Margin and Padding Controls - Click and drag the margin and padding controls in order to select a value.
- New Content Templates - Quick start Content Templates offer you different headers, navbars, content elements and footers with a single click!
- 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.
- Included latest Bootstrap 4.1.3
- Compatibility with the new App Connect Bootstrap 4 Collapse
- Included new Bootstrap 4 Anchor Image
- Allow Bootstrap Header, section, footer, container to be extended as App Connect conditional region, data detail or data iterator
- Allow container and rows in tab panes
- Added support for Bootstrap 4 Dynamic Table Generator
- Generator can now be called from the Bootstrap 4 Table property inspector
- Added support for Bootstrap 4 Responsive Tables
- Included latest Bootstrap 4.1.1
- Added support for Bootstrap 4 Dynamic Form Generator
- Allowed much more content elements in table headers and cells
- Add bootstrap 4 toggles and styling to all general links
- Added support for App Connect Bootstrap 4 Modals
- Included the latest Bootstrap 4.1.0
- New text colors: body, Black 50 and White 50
- New text monospace property
- Added DropUp option to dropdowns
- New Dropdown Item text type
- Added new table Borderless type
- Reorganized Flex properties to specific container and items properties
- Added new flex item fill, grow and flex properties
- Added support for App Connect Bootstrap 4 Forms
- Added support for App Connect Bootswatch 4
- Added support for App Connect Bootstrap 4 Navigation
- Added text prompt to dropdown headers, toogle and items properties
- The new major release!
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
Be the first to write a review
You must me logged in to write a review.