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.