How to use Twitter Boostrap modals without using all of Twitter Bootstrap?

Question

I want to use the modals from Twitter Bootstrap, but I can't switch over to using all of Twitter Bootstrap right now. I assume I need to use the LESS files directly. Can someone provide an example of how to use the Twitter Bootstrap modals in isolation?

Have you checked answers about conflicting frameworks ? Like http://stackoverflow.com/questions/11813969/css-framework-for-an-app-with-existing-stylesheet/11841957#11841957 — Sherbrow, Aug 29 '12 at 19:50
@Sherbrow thanks! I didn't know you could namespace TB like that! — Andrew, Aug 29 '12 at 22:43

score 3 · Accepted Answer · answered Aug 29 '12 at 19:30

Have you tried using the customise page to specify which bits you want?

http://twitter.github.com/bootstrap/customize.html

Choose components: Toggle all components then check only Modals in JS Components.
Select jQuery plugins: Toggle all jQuery plugins then check only Modals.
Customise variables: Modify any of the defaults if need be (make a note of what you customise here).
Download.

You should just end up with the styles required for the modals and also the jQuery plugin.

Then you can follow the documentation to get your modal up and running.

It's been a while since I looked at that page. Easier than I thought! Thanks! — Andrew, Aug 29 '12 at 22:37

How to use Twitter Boostrap modals without using all of Twitter Bootstrap?

1 Answers1