Add Twitter Bootstrap template to ASP.NET MVC Project

on asp.net

So, what is Twitter Bootstrap?

Twitter Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.

From Wikipedia

To apply this template on a ASP.NET MVC Project, on an easy way, we need to follow this steps:

  1. Download MVC 4 TwitterBootstrap Starter Layout Page extension for Visual Studio and install it
  2. Open Visual Studio
  3. Create new ASP.NET MVC Project
  4. Add Nuget package Twitter.Bootstrap
  5. Go to Views > Shared and Add new item … and choose “MVC 4 TwitterBootstrap Starter Layout Page (Razor)” item
  6. Finally, go to “_ViewStart.cshtml” file and change the Layout page to “_BootstrapLayout.cshtml”
@{    
    Layout = "~/Views/Shared/_BootstrapLayout.cshtml";     
}

You can find some themes to apply in Bootswatch (free) and Wrapbootstrap.