Does HubSpot CMS use Bootstrap?

  • read

hubspot 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

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.

Written by: Jacob Lett - Jacob is a HubSpot CMS designer & developer who helps B2B businesses grow their revenue. Unlike his competitors, he focuses on small and consistent website design changes to increase results. He recently created the Industrial HubSpot Theme to help manufacturers quickly build their website on the HubSpot CMS platform. Connect on LinkedIn
Category: Common Questions
Tags: , ,