Twitter Bootstrap without jQuery

Twitter Bootstrap web pageThe more I use Twitter Bootstrap, the more I like it. The only thing that puts me off is needing jQuery for a few simple interactions such as hiding and displaying elements. jQuery’s an excellent library but if a site doesn’t make full use of it, it can be overkill, adding unnecessary bytes to your pages. As a replacement, I tried to make a lightweight alternative script specifically for Bootstrap.

Download it here

To use the script just put it in your pages, preferably at the bottom, instead of jQuery and the Bootstrap plugin scripts, like so:

    <script src="bootstrap-without-jquery.min.js"></script>

The benefit is better performance thanks to faster page load times. It obviously doesn’t do everything that jQuery and the Bootstrap plugins do but it should be enough if you just want:

  • working dropdown menus;
  • dismissable alert boxes;
  • a collapsible navigation menu triggered by the “hamburger” button.

I tested it on several mobile and desktop browsers, including IE 8, but I’d appreciate further reports of where it does or doesn’t work. There may also be other Bootstrap components that require JavaScript so I can add support for those if there’s demand (or you can send a pull request). The GitHub page is here along with more details of browser support:

I’ve also prepared a simple Bootstrap demo page for testing. As always, feedback is welcome!


There’s also a good resource encouraging developers to use plain JavaScript where jQuery may not be necessary, with JavaScript code snippets that correspond to jQuery methods:

21 thoughts on “Twitter Bootstrap without jQuery

  1. John Locke

    The thing that bothers me about Bootstrap is loading so much library for a few simple things, as well, so thank you very much for this jQuery-less version of Bootstrap. Performance is a big issue on websites in general today, as I see you have noticed.

  2. Pingback: Bruce Lawson’s personal site  : Reading List

    1. Daniel Post author

      Hi Marcius,

      I haven’t tried it but I don’t think so, unfortunately. I haven’t had time to look into an updated version for Bootstrap 3 yet – hopefully soon.

          1. marcius

            I know. I want to pay for upgraded service to bootstrap 3. Your script is still free.
            ps: Sorry for my poor english. I am Brazilian.

    1. Daniel Post author

      Hi Lee,

      Sorry but I don’t really have the time at the moment. I’d like to update the script at some point, unless somebody else can do it and send me a pull request.

  3. Pingback: JQuery – only when required :D « mon "Blog Note" partagé :-)

  4. Smyth

    Good idea. I had been thinking about stripping out bootstrap just for structural use. I believe using as much pure CSS elements as possible. My biggest quirk is that BS JS conflict too much with other js oriented elements whether they are bootstrap or not.

    Will you be doing this with Bootstrap 4?


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>