App Connect Bootstrap 4 Collection
Everything you need for a great Bootstrap 4 project
The ultimate Bootstrap 4 collection for building awesome websites! Everything you need for the front-end of your Bootstrap-based site is included: the main grid, content templates, great navigations, content containers (cards), 21 Bootswatch themes, paging and table generators etc.
Extensions
DMXzone App Connect
Next generation client side framework for data-driven web sites and apps
| Blazing Fast Runtime Ultralight library of just 15kb gzipped for the best performance. No jQuery required! |
| Lightning Rendering Speed Ultra-fast rendering of data compared to industry standard React and VueJS. |
| Extendable Client Side Framework Boostable by additional components like data traversal, data view, record and more. |
| Visual App Data Structure Clear workflow to have overview of your components, events, inputs and more. |
| Revolutional Sites & Apps Builder No more server/Dreamweaver behaviors and jQuery for building dynamic sites and apps. |
| No Coding Required The visual builder generates all the code for you. No need to hand-code anything. |
Read More App Connect Bootstrap 4 Version 2
The easiest way to build responsive website layouts in Dreamweaver
| 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.
|
Read More App Connect Bootstrap 4 Navigation Version 2
Stylish and trendy navigation for your website or mobile project
| Stylish Navigation
Stylish and trendy navigation for your website or mobile project |
| App Connect Bootstrap 4 Native The extension is App Connect Bootstrap 4 native, so they are synced in an awesome way! |
| Easy Elements Insertion Just click, add elements to the menu and set them the properties you want. |
| Active Link Highlighting
Automated highlighting of current page link in the navigation. |
| Great Custom Styling Style every single visual element by yourself, edit properties, colors, fonts, alignments or even add icons! |
| Different Navigation Types
Add Nav, Navbar or vertical sidebar Navigation, select a style - Pills or Tabs. |
| Set Mobile Menu Width Set the minimal width of the device's screen to turning the navbar into a mobile menu! |
| Pixel Perfection on Any Device It's made for desktop, tablet, mobile or any other device. Looks perfect! Show/hide menu items on certain screens. |
| Add Forms Into Navbar It's simple to add a subscription form or a search field in the navigation. |
Read More App Connect Bootstrap 4 Cards Version 2
Flexible and extensible content containers with multiple variants and options
| Stylish Bootstrap 4 Card Elements
Cards provide a flexible and extensible content container with multiple variants and options |
| Built with Flexbox It's greatly using flexbox for easy alignment and awesome mixing with all the Bootstrap 4 components |
| Predefined Elements Included Add, edit and reuse the pre-built templates packed in the extension
|
| Easy Organization
It's easy to organize cards in decks or columns thanks to the great Bootstrap 4 grid
|
| Made For App Connect Bootstrap 4 V2
Use all the options in combination with all the Bootstrap 4 V2 extensions released on DMXzone
|
| Fully Customizable
Bootstrap 4 Cards V2 includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options |
| Dynamic Data
Use cards with dynamic data, for example in repeat regions
|
| Combine With Other Components Combine cards with other extensions like Swiper, List Groups, Masonry or Slideshow.
|
Read More App Connect Bootstrap 4 Alerts Version 2
Awesome static or dynamic alerts for your website
| Communicate with Users Alerts will improve the user experience on your page - no more redirecting, show everything on the same page! |
| Static Alerts Available You can display static alerts too - maintenance, changed working hours, promotions... |
| Dynamic Events Integration Show alert when a certain dynamic event occurs on page - on success, on error, on validation or authorization problem and others.
|
| Predefined Bootstrap 4 Styles Use 8 standard visual types of alerts for success, info, warning, danger, etc. |
| User-Centric Design The Bootstrap alerts are made to improve the UX. You can even add more info - headings, paragraphs to show helpful tips. |
| Fully Customizable Customize colors, animation or content of the alert thanks to the great visual integration within Dreamweaver. |
Read More App Connect Bootstrap 4 Forms Version 2
Amazing forms and prebuilt form templates for your website
| Based on the All-New Bootstrap 4
Unleash the power of adding Bootstrap 4 forms to your website!
|
| Many Prebuilt Advanced Components
Over a dozen components providing you input groups, dropdowns, checkboxes, radios, select forms, file inputs, and much more! |
| Multi Column Forms
Build layouts that require multiple columns, varied widths, and additional alignment options |
| Ready-To-Go Form Templates Use directly many prebuilt form templates for email subscription, registration, login, etc.
|
| Custom Toggle Switches
You are now able to create and add your own custom iOS style toggle switch controls on your page, for turning different options on or off. |
| Fully Customizable
Of course - define colors, space, margins and many other settings of each field.
|
| Mobile-First, Looking Perfectly on Any Device
Your forms run amazing on any browser and device! Bootstrap 4 is mobile-first framework, so it's the perfect to work with.
|
| Fully Visual Form Creation in Dreamwaver
Integrated with Dreamweaver in a great way: just select what type of element you want to add to the form. |
| Server Connect Integration
Easily convert to server connect form and process your form data serverside.
|
| Form Validation
Combine with Bootstrap 4 Form Validator in order to add validation to your form inputs. |
Read More App Connect Bootstrap 4 Collapse Version 2
Organize content in show/hide containers with amazing effects
| Show/hide content Use single, multiple or group collapsible items |
| Include rich HTML and images Enrich container content with HTML or include images/video, iframes, additional scripts |
| Combine with Cards Using the card component, you can extend the default collapse behavior to create an accordion |
| Use dynamic data Create collapsible data-driven content |
| Lightweight script Only pure JavaScript and Bootstrap 4 includes |
| Fully Customizable Edit and set up every part of the UI - colors, auto show/hide, animations |
Read More App Connect Bootstrap 4 Tooltips Version 2
Guide your users through the content with useful info tooltips
| Add info tooltips
Add stylish tooltips to your page elements
|
| Easy to use
Adjust tootips' settings using the great UI
|
| Use dynamic data Populate with any dynamic data
|
| Select position
Choose where to show the tooltip - top, bottom, left, right
|
| Different trigger options
Select whether to show the tooltip on hover, click or focus.
|
| Include rich HTML
Style the tooltips content with HTML
|
| Great on any device
Tooltips work and look great on all devices |
Read More App Connect Bootstrap 4 Popovers Version 2
Add stylish popovers like those found in iOS to any element on your site
| Enrich your content with Popovers Add stylish popovers like those found in iOS, to any element on your site. |
| Title and content options
Include custom title and content for the popovers
|
| Use dynamic data Populate with any dynamic data
|
| Different trigger options
Select whether to show the popover on hover, click or focus
|
| Select position
Choose where to show the popover - top, bottom, left, right
|
| Different dismiss options
Dismiss on next click or use the toggle element |
| Include rich HTML
Style the popover content with HTML
|
| Great on any device
Popovers work and look great on all devices |
Read More App Connect Bootstrap 4 Toasts
Push notifications to your visitors with a lightweight and easily customizable alert message
| Show push notifications to your users
Toasts mimic the native push notifications of mobile and desktop operating systems |
| Real-time feedback to your users Toasts give your users feedback about actions or status |
| Use with dynamic data
Retrieve your toasts content from a dynamic data source |
| Easy customization options
Select position, align, offset, min/max width or delay
|
| Great CSS animations
You can apply nice CSS fade in/out animation to your messages
|
| Lightweight and fast
Bootstrap 4 Toasts are powerful, but lightweight and fast
|
| Perfect responsive experience Use Toasts on any screen size - same best user experience |
Read More App Connect Bootstrap 4 Modals Version 2
Modern dialog boxes and popup windows for your website
| Any Content Inside Modals are suitable for alerts, login or signup form, user notifications or other custom content - videos, maps, swiper gallery etc.
|
| Great Way to Communicate With Users Facebook like box, Follow Us on Twitter? Modals is the easiest way to tell your users something important or just let them agree with some Terms and Conditions... |
| Fully Customizable
You got the controls in your hands - wide variety of options available, e. g. colors, size, fade, align, auto show, backdrop, and more!
|
| Great Bootstrap 4 UI Components
You can use modals on any website - it's trendy and very stylish!
|
| Different Sizes
There are 4 modal sizes available - default, small, large and extra large. Just elect the one that suits your page design!
|
| Mobile-first and Fully Responsive
Thanks to the great Bootstrap 4 framework, all the modals fit perfectly to any device!
|
| Control with App Connect Dynamic Events
Set dynamic events using App Connect, e. g. close the modal on submit, open modal with certain action, etc.
|
| Scrollable Modals
You can create scrollable modals that allows users to scroll the modal body, when the modal content is long. |
| Awesome Dreamweaver Live View Integration
It's awesome how Modals is integrated into Live View of Dreamweaver. Just try it!
|
Read More Bootstrap 4 Dynamic Table Generator 2
Automatically generate dynamic data tables
| Automatically generate dynamic data tables Create your dynamic tables in a few clicks |
| Easy configuration
The Table Generator offers and easy to use UI, which allows you to style your table, as you need it |
| Any data source
Select a server action, API data source or a JSON data source |
| Sortable table headers Create advanced data tables, allowing your users to sort by different columns |
| Responsive tables
Make your tables look great on any device thanks to Bootstrap 4
|
| Database Connector 2 support
Bootstrap 4 Dynamic Table Generator 2 is fully compatible with the DMXzone Database Connector 2, so you can take advantage of the advanced options it offers |
Read More Bootstrap 4 Dynamic Form Generator 2
Auto generate perfect Bootstrap 4 dynamic forms in seconds
| Generate Dynamic Bootstrap 4 Forms
Auto generate forms for your database insert and update actions
|
| Easy Inspect and Regeneration After the initial generation, you can just inspect, make changes and regenerate your forms |
| Turn Any Data Into a Form Quickly produce your forms from DMXzone App Connect or Server Connect data source |
| Great Server Connect Integration
Choose any existing insert or update database actions to generate your form |
| Smart Input Generation Generated forms fields match automatically the required database field types |
| Multi Column Forms
Create multi column forms, by enabling the form rows option |
| Responsive Forms
The generated forms are responsive, thanks to the Bootstrap 4 framework
|
| Great Dreamweaver Integration
You can preview and inspect your forms directly in DW Live View
|
Read More App Connect Bootswatch 4
21 amazing Bootstrap 4 themes
| Easy To Use
Just select one of the included themes and apply it with a single click!
|
| Built for Bootstrap 4
The themes are designed right for the latest version of the great Bootstrap 4 framework.
|
| 21 Different Themes Included
Choose one of the 21 themes included in the extension.
|
| Great Dreamweaver Integration
You can preview the changes immediately in DW Live View!
|
Read More Requirements
Product: Dreamweaver CC 2015+
DMXzoneGeorge 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.