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!

This extension requires DMXzone App Connect
$91.00
- OR -

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 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.

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!

Requirements

Product: Dreamweaver CC 2015+
Required Extensions: DMXzone App Connect

History

Version 4.3.1

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.

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 Wappler.io - the most Advanced Web & App Builder

See All Postings From George Petrov >>

Reviews

Be the first to write a review

You must me logged in to write a review.