Home/ Documentation/ Bootstrap Visual Editor

Bootstrap Visual Editor

No more guessing the correct Bootstrap class name and copy-pasting code from Bootstrap docs. Pinegrow includes everything you need to easily work with Bootstrap-based projects.

Pinegrow comes with complete support for Bootstrap:

Start a new Bootstrap Project

Bootstrap is a CSS framework with some additional JavaScript features that helps in putting pages together quickly.

 

Activating Bootstrap Tools

The Pinegrow Web Editor has extensions that implement support for Bootstrap. To start working with the Bootstrap Visual Editor we have to first activate it for the page.

 

Customizing a Bootstrap 5 theme

Pinegrow makes using SASS to customize Bootstrap easy.

 

Visual controls

Tools that transform 100s of Bootstrap classes into easy-to-use visual controls.

 

Starter templates

Starter templates that let you quickly start a new Bootstrap project.

 

Display helpers

Display helpers like column resizers, grid and column overlays.

 

Component library

The rich library of ready-to-use Bootstrap components, including dynamic ones like modals and sliders.

 

Bootstrap Design Panel

Customizing your Bootstrap theme just got easier with an all new interface for setting fonts, colors, and more.

 

Bootstrap Floating Tools

Add the most common styling classes without leaving the Page View.

 

Update projects to the latest Bootstrap version

Learn how to easily update projects to the latest Bootstrap version (Bootstrap 3.x to the latest Bootstrap 3 and Bootstrap 4.x to the latest Bootstrap 4).

 

Customize Bootstrap 4 Themes

Easily customize your Bootstrap 4 theme by modifying Bootstrap SASS variables and adding CSS rules.

 

Video tutorials

Watch short videos about working with Bootstrap in Pinegrow. Note, this is a playlist with 7 videos.


All of these features are available for both Bootstrap 3 and Bootstrap 4. A lot of functionality is common to both version, so this guide applies to both versions, and any points specific to either version will be marked as such.



Last updated on September 16, 2021 at 10:26 pm


Print this article