STEP-BY-STEP LEARNING: How to add bootstrap package to Web-Appliction in Visual Studio

Bootstrap is powerful mobile first front end framework for faster and easy web development. It is very sleek, intuitive and any one can get started bootstrap with just knowledge of HTML and CSS.

To Add Bootstrap package

Step 1 :

Create WebApplication Project in Visual Studio.

Step 2 :

Click on Tools from horizontal menu of Visual Studio and go to NuGet Package manager. Choose Manage NuGet packages for solution

if NuGet Package Manager Option is not available in your visual studio then add it as explain in STEP BY STEP installation NuGet in Visual Studio 2010, 2012 and 2013

Step 3 :

Then manage NuGet packages pop-up window will appear. In that search for bootstrap at the top right corner search box then we will get list of several bootstrap packages.

Step 4 :

Choose the very first Bootstrap package and click on install to add package to our project

Step 5 :

after clicking install button we will get a pop-up window for asking select projects install. Here choose the bootstrap required projects and click on ok to complete the installation of this package.

Step 6:

After completing this installation of bootstrap package, we will find the following files added to our project as show in below image

Step 7 :

Add Following reference of file in your page in <head> </head> tag.

<link href="Content/bootstrap.min.css" rel="stylesheet" />

<script src="Scripts/bootstrap.min.js"></script>

<script src="Scripts/jquery-1.9.0.min.js"></script>

<script src="https://code.jquery.com/jquery.js"></script>

Friends, If you like this post, please share with your friends on Facebook and Google+ and recommend us on Google using the g+1 button on the top right hand corner.