Streaming live at 10am (PST)

Create a Bootstrap website using Webflow Designer + (one line of custom code)


Introducing my new experimental project: webflow-bootstrap


Use JUST ONE LINE of custom code on your site to convert a Webflow site with Webflow components into a Bootstrap-themed website.

Do you:

  • prefer Bootstrap’s default design over Webflow?
  • just want to quickly launch a minimal site without worrying much about styling individual components
  • want a 1140px-width Bootstrap container / or dislike the default 940px max-width Webflow container?
  • find it difficult to use dropdowns in the Webflow navbar?
  • etc…


Compare how your site could look before and after using this



  1. Use the instructions on this forum thread to insert the script file webflow-bootstrap.js in this repo, into your project’s Site Settings > Footer Code.

    It should be as simple as this:
    <script src=""></script>

  2. Save and publish.


Please use the issue tracker in the repo. Pull-requests welcome.

Bootstrap 4 Announced

To preview this on existing published sites temporarily without actually modifying your project, simply paste this in your web browser’s Developer Console:


1 Like

Haha it works, that’s fun :slight_smile:


nice play!!! good test!


HEy this is great,

but i am having some issues with it. It make my navigation go really weird and buttons show when i have hidden them on one break point?

thanks Andrew


This is cool! Now if only doing this would allow you to view the effected styles live in the Designer as you were creating layouts and then allow you to create any additional styles that would overwrite the Bootstrap styles where needed to make it unique on the surface, but still based on the Bootstrap grid, etc.