A colorful Tab control with Twitter Bootstrap

JS Bin


This requires more cleanup, though.
For more tab styles:
http://tympanus.net/Development/TabStylesInspiration/

Twitter Bootstrapping resources

As I am kinda addicted with Twitter bootstrap. I have almost got a habit to bookmark all the resources that enriches Twitter Bootstrap. In this post I will continue putting the resource links I get useful.

• The Twitter Bootstrap : The main Twitter Bootstrap project. They have released new version since I last posted my solution for Multilevel Dropdown menu for Twitter Bootstarp.
• Free Gallery of Twitter Bootstrap code snippets: Its an amazing open platform to share code snippets utilizing Twitter Bootstrap.
• Toggle buttons : Somebody posted some wonderful variations of toggle buttons here.
• jQuery UI Bootstrap : This is basically implementation of jQuery UI to look like Twitter Bootstrap - a jQuery UI Theme. Therefore, its actually nothing to do Twitter Bootstrap but thought jQuery addicts (as I am :P) might want to give it a look.
• Inline/In-place editing : This is an awesome plugin that utilizes Twitter Bootstrap, jQuery UI and jQuery to make in place editing cooler.
• Win 8 Metro: This is an implementation of Win 8 Metro look using Twitter Bootstrap - good for creating nice looking dash boards..
• Bootstrap for Asp.Net MVC3 application: I have created a Asp.Net MVC3 application template to get going with Asp.Net MVC3 and Twitter Bootstrap. There are other variations online. But I wanted to make the layouts as it comes with the Bootstrap and maintain the updates synced with the Bootstrap updates.
• Bootstrap for Asp.Net MVC4: A beautiful article to configure Visual Studio 2010 to work with Twitter Bootstrap and Asp.Net MVC4.
• Bootstrap hero: A big list of twitter bootstrap resources ranging from hacks and tips to frameworks and mockup creators.
• Bootstrap Wizard: A wonderful Step-By-Step wizard tool utilizing Bootstrap. 

Open source framework for responsive UI

Its not worth to develop your UI for your PC browser and then again for your Mobile devices and then again for Tabs. What we need is grab a Responsive UI Framework to get going - you develop for your PC and rest are taken care of.
Here I am listing all the responsive UI frameworks that I thought I might check.

• Twitter Bootstrap: I kinda liked and it seems many are rushing to use it as the original developers are from Twitter. But the thing is I felt couple of things are still missing (at least until I am writing this post); Like I was expecting a file input control. However, I got managed the file input control from another source. You can check it here
• Kickstrap: Its a fork of Twitter Bootstrap plus themes, enhancements, and other goodies.Worth checking.
• Zurb Foundation: Yet to check. But seems its quite promising.
• Gumby Framework: Seems quite up to date for getting started instantly.Including psd seems makes it more options in design. 
• Kendo UI:  Its a complete UI framework including almost all the elements/ controls needed to get start.
• Skeleton: I think its the first of the kind - to me it is not that appealing - din dig deep though ;)

Multilevel Dropdown menu for Twitter Bootstarp

Twitter Bootstarp is an excellent responsive UI framework to start your web application. But it seems they are yet to implement a multilevel Dropdown menu. I was googling for it and got couple of solutions and finally came up with my fork :

Update : this was done for twitter bootstrap 2