Twitter Bootstrap Resources

Over the past few months, I have built quite a few sites using Twitter Bootstrap. I think it is an awesome framework for styling websites and abstracts away a lot of the differences in CSS between modern browsers.  I say Twitter Bootstrap did for CSS what jquery did for JavaScript. I typically say that if you use both frameworks on the same site, your site will work pretty consistent against all modern browsers.

Anyway, the purpose of this post was to list all of the Twitter Bootstrap resources that use or find helpful.

Content Delivery Networks | Resource Guides | Tutorials | Themes | Layout Helpers | Visual Studio NuGet Packages | UI Components

Content Delivery Networks (CDN)

Bootstrap CDNhttp://www.bootstrapcdn.com
Microsoft Ajax CDNhttp://www.asp.net/ajaxlibrary/cdn.ashx#Bootstrap_Releases_on_the_CDN_14

Resource Guides

The Big Bad Ass List of Twitter Bootstrap Resourceshttp://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

Tutorials

Bootstrap Tutorial: A Guide for Beginnershttps://blog.udemy.com/bootstrap-tutorial-a-guide-for-beginners/

Themes

Bootswatchhttp://bootswatch.com/
Themes for Bootstraphttp://www.themesforbootstrap.com/
jquery-ui for Bootstraphttps://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/
Style Bootstraphttp://stylebootstrap.info/
PaintStraphttp://paintstrap.com/

Layout Helpers

Bootplyhttp://www.bootply.com
BootUIhttp://www.bootui.com/
Layoutithttp://www.layoutit.com/build

Visual Studio NuGet Packages

As of ASP.NET MVC 5, the File | New templates are already wired for Twitter Bootstrap, just in case, here are a few packages to get you started.

Bootstraphttp://www.nuget.org/packages/bootstrap/
AngularJS UI Bootstraphttp://www.nuget.org/packages/Angular.UI.Bootstrap/
Bootstrap for MVC 5http://www.nuget.org/packages/Twitter.Bootstrap.MVC/
Paged List for ASP.NET (Bootstrap)http://www.nuget.org/packages/PagedListExt/
Font Awesomehttp://www.nuget.org/packages/FontAwesome/

UI Widgets

General Libraries | Buttons | Fonts | Input Widgets | Notification Helpers

General Libraries

Bootstrap Components (for ASP.NET MVC)http://bootstrapcomponents.apphb.com/
Fuel UXhttp://exacttarget.github.io/fuelux/#

Buttons

Button Builderhttp://bootsnipp.com/buttons

Fonts

Font Awesomehttp://fontawesome.io/
Font Customhttp://fontcustom.com/

Input Widgets

Bootstrap Form Helpershttp://bootstrapformhelpers.com/
Bootstrap Acknowledge Inputshttp://averagemarcus.github.com/Bootstrap-AcknowledgeInputs/
Bootstrap Wysiwyg Editorhttp://mindmup.github.io/bootstrap-wysiwyg/
Bootstrap Validation Helpershttp://reactiveraven.github.io/jqBootstrapValidation/
Date Pickerhttp://www.eyecon.ro/bootstrap-datepicker/
Time Pickerhttps://github.com/jdewit/bootstrap-timepicker

Notification Helpers

PNotifyhttp://sciactive.com/pnotify/

Leave a Reply