Skip to content

tagawa/bootstrap-without-jquery

Repository files navigation

#Bootstrap without jQuery

** Note: This is no longer maintained. For a more up-to-date version please take a look at bootstrap.native

Introduction

A lightweight script to replace jQuery for simple interactions when using Twitter Bootstrap.

Bootstrap requires jQuery for some components such as dropdowns, alerts and the little "hamburger" icon that triggers a collapsible menu. While jQuery is an excellent cross-browser framework, it can be overkill if it's only used for displaying and hiding things. Of course, if a project already uses jQuery then there's no problem, but if not here's a script to replace jQuery and some of the Bootstrap plugin scripts. Using this should reduce download size and speed up loading time for your users.

Coverage

Bootstrap 2 and 3

  • Collapsible elements (e.g. "hamburger" menu icon)
  • Dismissable alert boxes
  • Dropdown menus

Demo

You can see the script in action in these simple demos:

Dependencies

Browser support

Bootstrap 2 version so far tested in the following browsers. (Bootstrap 3 testing is on the todo list)

Works

  • Android 2.3
  • Android 4.1
  • Chrome 26
  • Firefox 20
  • Firefox Mobile 20
  • Internet Explorer 8, 9 & 10
  • iOS 3
  • Kindle 3
  • Opera 12.15
  • Opera Mini 7.5
  • Opera Mobile 12.10

Doesn't work

  • Nintendo DS/DSi
  • Nintendo Wii

Notes

  • Alert close is intermittent in Android 2.3
  • In Chrome, onblur doesn't fire when attached to button elements. This affects the dropdown menus so please use a elements instead for these.

I'd really appreciate a quick comment on whether it works in your browser or not.

License

Licensed under the MIT license.

About

Twitter Bootstrap without jQuery

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •