Javascript and Component Land

Sam: Can you fix it?

Harry: No, I can't. But I can bypass it with one of these.

This page is dedicated to some of the Javascript and other Component pieces of Bootstrap. Don't really like Javascript? Well, you know nothing, Jon Snow! Seriously, it's not 1995 anymore, the world of js is better, so listen to some Crockford and get over it! There's lots of stuff here, so I'm just gonna hit the highlights.


Well, if you're writing a front end, there's going to come a time when you need a modal pop up. For Bootstrap modals (the Chevy version), all you is add your modal html to your page, and then trigger it with a button using the data-toggle="modal" and data-target="#yourModalId" attributes.


Dropdowns are standard web fare.


When you need a little more info...add a tooltip. Specified by the data-toggle="tooltip" and data-placement attributes.

Button states

For happy clickers, when you don't want them to submit twice, set the data-loading-text attribute, and then set the loading state on your event listener, to slow down those clickamaniacs!


Affix is nice when you have a really long page and you always want the navigation present. The best example is from Bootstrap, so I won't try and reproduce it.


I want a pony! Not really. This is a Bootstrap niceity, but not something I use too often.

Well, folks

There's really a lot more than I can cover here, so I recommend you play around with this demo, check out the Bootstrap page, and all the other tips and tricks that are out there. This is only the beginning. Fare thee well!