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:



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