5 Step-By-Step How-to add the Twitter Bootstrap framework

            By Carmel Schvartzman

In this tutorial we'll add the Twitter Bootstrap framework to the .NET MVC 4 application which serves as a backend to our Blogs Application.  You can follow this step by step tutorial as a standalone, or you can learn all the posts to build the entire app. This is the STEP 5 in this walkthrough to design an end-to-end AngularJS client MVC app. The bootstrap is open source since August, 2011, and was the most popular GitHub development project in 2012.


The Twitter Bootstrap was developed as a framework to encourage internal application consistency, instead of using several libraries for UI development, which led to inconsistencies and a high maintenance burden. It's customizable and equipped with JS libraries which allow us to manipulate and use modal windows alerts, buttons, tooltips, scrollspy and so on.

1. Go to TOOLS and open the Package Manager Console:

2. Type "Install-Package Twitter.Bootstrap".

3. If there's a newer JQuery version, it will be detected and fixed in the setup:

4. Next, the Twitter.Bootstrap will be installed:

5. After the installation, open the SCRIPTS folder and confirm the Bootstrap JS files have been added:

6. Take a look to the CONTENT folder to check the Boostrap is there. The "min" files are the ones to be used in production:

That's all!! Happy programming.....