Friday, July 11, 2014

Step by step how to install the Twitter Bootstrap in your MVC app using NuGet in 1 minute

        By Carmel Schvartzman

In this tutorial we'll learn how to install the Twitter Bootstrap in your MVC app using NuGet in 1 minute. The Bootstrap includes many very useful components and also a responsive grid system that scales up to 12 <div>s columns, and adapts itself to the device when size decreases.

The Bootstrap is the more widely used and more popular CSS3 framework for developing responsive web apps,  making front-end web design very fast and easy.

We'll install the Twitter Bootstrap in 1 minute with no effort at all, using the NuGet Manager, in order to build a responsive and beautiful web page :






First think that's advisable to do is to update the jQuery and the jQueryUI scripts in your MVC application, using NuGet, so that you get the upgraded versions of the scripts :









Having upgraded the jQuery .js files, we next install the Twitter Bootstrap framework, using NuGet. Open the NuGet Manager:





Then make a search for the keyword "Bootstrap" :


The following files have been installed:





Now you're ready to build a responsive and beautiful web page!!!!

That's all!!  In this tutorial we've learned how to install the Twitter Bootstrap in your MVC app using NuGet in 1 minute.
Happy programming.....

כתב: כרמל שוורצמן