Skip to content
Bootstrap plugin for Craft CMS
Branch: v4
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Bootstrap plugin for Craft CMS

Build your site with the Bootstrap front-end framework.

This is a plugin wrapper for adding Bootstrap to a Craft CMS site.*

Credit for the Bootstrap library belongs to the Bootstrap team.

* The version number of this plugin aligns with the version of Bootstrap packaged inside.

Automatically Loads Bootstrap

Once you've installed the plugin, the Bootstrap CSS and JS files will immediately be loaded into the front-end of your site. If you don't want them to be included on every page, you can disable auto-loading on the Settings page.

If you've disabled auto-loading, you can have Bootstrap load only on the pages where you need it:

{% useBootstrap %}

It doesn't matter where on the page you add that tag... the Bootstrap assets will be loaded as long as it exists somewhere in your Twig template.

In the rare case where you may want to load the assets via PHP, that's possible too:


Make sure your custom JS loads last

You'll probably want Bootstrap (and/or jQuery) to finish loading before you run any custom JS. Here's how to ensure your custom JS gets loaded last...

{% set myScript = url('path/to/script.js') %}
{% do view.registerJsFile(myScript, {
    'depends': ['doublesecretagency\\bootstrap\\web\\assets\\BootstrapAssets']
}) %}

This tells Craft that your JS depends on the Bootstrap assets.

Uses a CDN in production

To lighten the load, this plugin will switch to loading Bootstrap via a CDN when it runs in a production environment.

If you don't want this feature, or if your production environment uses a name other than production, you can control those details on the Settings page.


Anything else?

We've got other plugins too!

Check out the full catalog at

You can’t perform that action at this time.