Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

HOW WE CAN DEVELOP BOOTSTRAP TEMPLATE IN VISUAL STUDIO 2012,2013?

user-image
Question added by Muhammad talal , UI/Web designer and Web developer , Fiverr.com
Date Posted: 2015/08/23
Hawas Alshammari
by Hawas Alshammari , Senior Software Project Manager , Alsalam Aircrafts

There are many tools used to accomplish this object. But the best solution is to create css file in visual studio, then writing specified css classes for each asp components.

Muhammad talal
by Muhammad talal , UI/Web designer and Web developer , Fiverr.com

In Visual Studio we can develop the boostrap template in fallowing way,Although Visual studio is largest IDE as compared to any other development tool so it support almost every feature from application to web or web to cloud computing....:)

Bootstrap is currently the most popular web framework for developing responsive web applications. It offers a number of features and benefits that can improve your users’ experience with your web site, whether you’re a novice at front-end design and development or an expert. Bootstrap is deployed as a set of CSS and JavaScript files, and is designed to help your website or application scale efficiently from phones to tablets to desktops. to get started with Bootstrap. If you’re starting a new web application in Visual Studio, you can choose the default starter template for ASP.NET5, in which case Bootstrap will come pre-installed:

../_images/bootstrap-in-starter-template.png

Adding Bootstrap to an ASP.NET5 project is simply a matter of adding it to bower.json as a dependency:

{"name":"ASP.NET","private":true,"dependencies":{"bootstrap":"3.0.0","bootstrap-touch-carousel":"0.8.0","hammer.js":"2.0.4","jquery":"2.1.4","jquery-validation":"1.11.1","jquery-validation-unobtrusive":"3.2.2"}}

This is the recommended way to add Bootstrap to an ASP.NET5 project.

You can also install bootstrap using one of several package managers, such as bower, npm, or NuGet. In each case, the process is essentially the same:

Bower

bower install bootstrap

npm

npm install bootstrap

NuGet

Install-Package bootstrap

Waseem Ashraf
by Waseem Ashraf , Sr SQA Analyst , RAENA

 

A.     Adding Bootstrap In ASP.NET Web Forms Using NuGet Package. 

 

B.     Steps for Adding Bootstrap in ASP.NET Web Forms Manually (Without NuGet).

 

C.     Adding Bootstrap in ASP.NET MVC Using NuGet Package.

 

D.    Steps for Adding Bootstrap in ASP.NET MVC Manually (Without NuGet).

 

E.     Adding Bootstrap In ASP.NET from CDN

 

F.      Using Bootstrap Classes with ASP.NET Controls like Server-Side HTML Controls, Web Forms Controls and HTML Helper Classes.

 

G.    Using Bootstrap in Core MVC.

 

Abdulrhman Ibrahem
by Abdulrhman Ibrahem , Senior Data Analyst , Brofive for Information Technology

You can do that by add bootstrap and JQuery from nuget in visual studio tools and then use it

Ahmed Saeed Bawaked
by Ahmed Saeed Bawaked , Senior Web Developer , Jeddah Municipality

you can install it on master page manual and putting other files in right folders like css js ...etc.

or install it via NuGet or Node.js

Adeel Rauf
by Adeel Rauf , Freelancer

I have better experience of working with bootstrap in visual studio 2015, so I shall like to tell you there are built in bootstrap templates available in 2015. You can modify them as per your choice by adding your css file on top of bootstrap and save it as new template.

jafar mohammad musa
by jafar mohammad musa , INTERN SOFTWARE DEVELOPER , eHealth Africa

 YOU CAN ADD THE DIRECTORY THAT YOUR TEMPLATE IS LOCATED IN TO THE PROJECT

waleed shafei morsy
by waleed shafei morsy , IT Support Specialist , مصنع اندومي

in visual studio you can create new project and select the project type Asp.net

and donot choose empty then visual studio will create full design bootstrap with layout with empty 3 pages 

Home , About and Contact page

rafat ahmed othman khamaiseh
by rafat ahmed othman khamaiseh , Web Application Developer , King Abdulaziz University Hospital

i worked bootstrap with asp.net ,

all you want to do just to add the script for bootstrp in asp.net and enjoy

bootstrap is a big library and you can use it in your asp.net

Bootstrap is a very popular, free, open-source framework for styling your website. It consists ... Next, you need to create a project in Visual Studio. Just start ... Along the left, under Templates, open Visual C# and click on Web. Now click ... Because we'll be using simple HTML/JavaScript, go ahead and click Empty

There are a number of ways to do the same. Although i find the following procedure the easist. Please follow the following steps to incorporate Bootstrap in your visual studio project.

  1. Create an empty website/application.
  2. Once the solution is made, right click on the solution and then on 'Manage NuGet Packages.' You will see a number of packages that can be installed for your application.
  3. on the search box, type 'Bootstrap' and search for it. Once there click on install.

This will incorporate all the packages for Bootstrap in your project and you can make any changes in the files downloaded, if required.

More Questions Like This

Do you need help in adding the right keywords to your CV? Let our CV writing experts help you.