I have been using Twitter Bootstrap lately due to its appearance and simplicity in creating basic pages and complex layouts. I wanted the use Dojo to develop a recent project but I felt that Dijit would be too much for my needs so I decided to use Bootstrap again. The problem here is that Bootstrap uses jQuery for its Javascript components and I didn’t want to load Dojo, jQuery and the Bootstrap plugin.
My solution: build an implementation of Twitter Bootstrap using the Dojo Toolkit. Dojo Bootstrap is a port of the Twitter Bootstrap plugins. It uses 100% Dojo code and has support for AMD.
A reproduction of the Twitter Bootstrap JavaScript page using the Dojo Bootstrap modules can be found here.
Update
I have created a new dedicated website for the Dojo Bootstrap project.
Feel free to share.
Nice, great initiative!
Interesting project. Your link (http://examples.kevinandre.com/bootstrap/javascript.html) to the reproduction of the Twitter Bootstrap JS page appears to be broken though.
Thanks for the update Tom. I have fixed the link. It was changed to http://examples.kevinandre.com/bootstrap/index.html.
Thanks Kevin. The new demo looks great. One more suggestion, one the v1.0 page the download link points to the master version on GitHub. I think it should be pointing to https://github.com/xsokev/Dojo-Bootstrap/zipball/v1.0
I’m testing out v1.0 for a project I’m working on that uses v1.7, and so far it’s looking real good.
Would it make sense (or is there a need) to use dbootstrap to style Dijit, AND to use Dojo Bootstrap for the other things Twitter Bootstrap provides, at the same time?
New project website. http://dojobootstrap.com
the website is not working at all… error 500.
Thanks CJ. Didn’t know it was down. It’s back up now.
Hey! Great Work! We were planning to make a project of our own till we came across yours. Dojo is way cooler than jQuery and here at RCorp we do much more than DOM manipulation!
We can also go about it a little differently ie make a dijit theme like bootstrap (like a claro or nihilo) and then use a dijit/dialog instead of a separate dialog etc. Your views?
Hey Gaurav! jQuery is great and has it’s place in development but I certainly prefer Dojo as well. I thought about doing a dijit theme as well but figured I could contribute better by porting the framework to Dojo.
I think a dijit theme would be great. I created the Twitter Bootstrap port as a lightweight alternative to Dijit but I have had cases where I still needed to use Dijit (layout, dgrid, etc). It would be nice to be able to maintain visual consistency. I certainly see a need and we love to see the finished product.
I’ve started a Dojo/Dijit Bootstrap Theme. You can see a demo based on the Dojo theme tester at http://thesociable.github.com/dbootstrap/ and then check out the project at https://github.com/thesociable/dbootstrap.
A fair amount of the widgets are done in basic form, but it needs lots of testing and likely tweaks for various browsers/platforms so please contribute if you can.
Great job on the theme. I will certainly test it out in a few browsers. I would be very interested in using it in my projects.
Nice work! One question Boostrap is on LESS and Dijit is in LESS then why Stylus?
Would it make sense (or is there a need) to use dbootstrap to style Dijit, AND to use Dojo Bootstrap for the other things Twitter Bootstrap provides, at the same time?
That depends on your needs. I created Dojo Bootstrap as a lighter alternative to using Dijit. Dijit, however, offers much more than Twitter Bootstrap so using widgets from Dijit to satisfy your requirements makes sense.
Hi,
This looks great ! I was looking at the examples and noticed a small bug on affix (http://dojobootstrap.com/1.1/affix) : it works well for the top, but when you scroll down until the end of the page, it’s not scrolling properly at the end of the page.
Great job. You did what I was planning to do but have not had the time. Thanks. Keep up the great work. I do not like the look of the Dijit but like the structure of dojo especially the newest versions.
[WORDPRESS HASHCASH] The poster sent us ’0 which is not a hashcash value.
two words: good job!
Dojo rules.
Hi guys
Just wanted to ask two things about dojo. Besides the 4 themes and this one provided for Dojo dijits, is there any theme maker around the web or any site that has more Dijit themes?
Another thing. Since i´m new to dojo\dijit i could not build the source for the dboostrap theme. can any one of you help me in this? I could use a tutorial(help) about using the Dojo/Dijit Bootstrap Theme in my one site.
Thanks
Great initiative! I’ve been looking for an alternative to the horrible dijit widgets and found this. I’m a little surprised though that you haven’t used the dijit/_WidgetBase class as a base for the components. That would enable dojo style instantiating with the “data-dojo-type” attribute and easier to use when using from other widgets… a bit of extra hassle to bind to etc. when it’s not a real widget.
Just my two ¢. Still gonna use it
Magnus, my initial thought when creating this was to develop a Dojo alternative that was easy to adopt for current jQuery users. I agree that it should be more like existing Dojo widgets. Since the code is pretty stable as it is, I am working to use the dijit/_WidgetBase in the next major release.
[WORDPRESS HASHCASH] The poster sent us ’0 which is not a hashcash value.
Hey, great work!
I’m wondering when the next major version is coming? The Dojo:ified one with _WidgetBase included?
Kind regards
Thanks! I have actually released the next version in beta. I am working on fixing some bugs and getting the documentation together now.