Does HubSpot CMS use Bootstrap?

Get a Free HubSpot CMS Guide
Does HubSpot CMS use Bootstrap?

HubSpot does not use Bootstrap as-is for their CMS and grid system. Instead, its default 12 column grid system and class naming is based on the Bootstrap 2 grid system, but the actual code is different. Here is what the default HubSpot layout.css file looks like.

HubSpot 2 column grid (Bootstrap 2) div structure example

<div class="row-fluid ">
    <div class="span6">
            Column 1 content
    </div>
    <div class="span6">
            Column  2 content       
    </div>
</div>

So can I use Bootstrap 4 or another CSS framework like Tailwind CSS with HubSpot?

Yes, you can. The only caveat is any default modules or functionality coming from HubSpot will be written to support their internal grid system and not your custom one. So you will have to keep both. This isn’t hard to do but just something to be aware of. I have found it easier to follow HubSpot’s lead in their grid system naming and structure but then overwrite the actual code to work differently with flexbox. This way, if a client ever contacts HubSpot support, they will be able to make adjustments without having to relearn a new CSS framework. Simple systems and processes make future maintenance a lot easier.

But if you are comfortable with your build system and CSS framework, it is manageable. Here is a theme framework that is built using Bootstrap 4.


Related resources

  • HubSpot CMS vs WordPress: Feature Comparison and Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Get a Responsive Website for Your Manufacturing Company
  • What Is a Good WordPress Alternative for Businesses?
  • Tags: ,

    Want to Get Email Updates of New Posts? Join My Email Newsletter