In the next part of the book the author does what I have not seen in other books on Bootstrap, the author explains how to create helper methods, which is good but there already is a well used package for that in which the author has a chapter on on at the end of the book.
The author goes on to give suggestions are to how to work with and convert sites that do not have bootstrap.
I’m not sure why but the author included a whole chapter using the jQuery DataTables plugin with some of it’s extensions with Bootstrap.
Overall, the book was easy to read, the author was clear and logical in his explanations of Bootstrap. I would recommend this book to someone just starting to learn Bootstrap and working on ASP.NET applications.
A few months ago I built a jQuery plugin that uses the Twitter Bootstrap Carousel to cycle through images on Flickr. In order to use this plugin you need to get an Api Key from Flickr and have the following software:
- jQuery (v1.8 or higher)
- Twitter Bootstrap (v3.0 or higher)
- Twitter Bootstrap components (v3.0 or higher)
- twbsPagination (optional)
Download the plugin from GitHub at: https://github.com/jguadagno/twbs-flickrCarousel
See an example of usage at: http://mvp2014.mvpsummitevents.info/flickr
- Loads a list of available themes from the API into a SELECT or a UL,
- Dynamically change the site theme to the selected theme
- Manually change the theme
- Save the selected theme to a cookie, requires the jQuery Cookie plugin,
- Loads the selected theme from a cookie, requires the jQuery Cookie plugin,
The plugin also allows you to load of list of local themes in case you to note want to use the Bootswatch site.
Let me know what you think.
- jQuery Plugin page
- GitHub Repository
- Demo site
- NuGet Package
- NPM module
- Bower module
While creating a Proof of Concept design for a website I was working on I thought it would be cool to demonstrate the power of themes in Twitter Bootstrap by providing an option in the Proof of Concept to switch to some of the themes that are on Bootswatch. It was a remarkably easy solution, that involved jQuery, jQuery.cookie plugin, Twitter Bootstrap Navbar and the themes from Bootswatch.
This sample assumes that you are using a CDN for the Twitter Bootstrap and jQuery files and that you downloaded the themes from Bootswatch and copied them to the path of /css/themes. The example could easily be modified to use the themes on the Bootstrap CDN.
First, let’s start with a basic template for Twitter Bootstrap
Next, we’ll add the navbar to the theme selector menu.
Now you are done. But how does it work?
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)
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.
General Libraries | Buttons | Fonts | Input Widgets | Notification Helpers