App Connect Bootstrap 4 Support

World's most popular CSS framework: powerful mobile-first grid for building perfect site layout

App Connect Bootstrap 4 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!

This extension requires DMXzone App Connect
- OR -


The All-New Bootstrap 4 Features

Trendiest version of the world's most popular CSS framework, 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

Content Templates

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!

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!

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.

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!

Flexbox visual customization

Manage the layout, order and all the other options with a full suite of responsive flexbox utilities.

Focus on content, use ready-to-go elements

Use many pre-built and responsive content templates to every case you need - everything is included.

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!


Required Extensions: DMXzone App Connect

Product: Dreamweaver CC 2015+


Version 4.1.4

  • 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

Version 4.1.3

  • 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

Version 4.1.2

  • 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

Version 4.1.1

  • Added support for App Connect Bootstrap 4 Modals

Version 4.1.0

  • 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

Version 4.0.3

  • Added support for App Connect Bootstrap 4 Forms

Version 4.0.2

  • Added support for App Connect Bootswatch 4

Version 4.0.1

  • Added support for App Connect Bootstrap 4 Navigation
  • Added text prompt to dropdown headers, toogle and items properties

Version 4.0.0

  • The new major release!

George Petrov

George PetrovGeorge 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 - the most Advanced Web & App Builder

See All Postings From George Petrov >>


Be the first to write a review

You must me logged in to write a review.