Bootstrapping Asp.Net MVC–Introduction to Twitter.Bootstrap.Mvc4

I’m continuing my series in exploring Bootstrap integration with the Mvc Framework – part of the Asp.Net stack – and in this entry we’re going to be looking at a helper package that you can install in seconds to kickstart a project.  Covered in this video are:

  • Installing from NuGet
  • Forking from GitHub, building locally and using the latest bits (or contributing!)
  • Navigation routes
  • Auto-scaffolded views for CRUD operations

Getting the Latest Stable Bits

One thing I didn’t mention in the video is that you don’t have to build the packages locally to get the latest versions. Eric Hexter has a MyGet feed setup to help you out in this regard. imageFrom the Package Manager Console in Visual Studio, simply pop open the options and add a new package feed:

This lets you install the package from MyGet if you want to expose features not yet posted to the primary NuGet feed.

Alternatively, you can use the NuGet Package Explorer (as I am in the image shown here) to browse through the packages on the feed. Primarily you’re going to be looking for “Bootstrap” or “Navigation” in the feed to pick up the relevant packages.

Detail All the Things!

I cover a lot of ground in the video and try to give you a sense of what is possible to do in only a few short minutes. If you want to dive deeper here are some resources to help you out as you explore Twitter’s Bootstrap library working with Asp.Net Mvc:

Have fun!

  • Pingback: Bootstrap + The Asp.Net Mvc Framework: Building Your Site on Bootstrap | They Call Me Mister James()

  • Arayeh

    Is it absolutely a better approach to go with Twitter.Bootstrap.MVC4 or just Twitter.Bootstrap will suffice? Thanks

  • Sito

    Great mr. James! thanks a lot….keep up the good work. You helped me a lot!



  • Marcos Vinicius

    hi Mister James,

    I’m following his example, but it seems that the Twitter.Bootstrap.Mvc4 had some changes of names and directories, then the project is not getting the visual css page layout is not any, I’m trying to configure BootstrapBundleConfig however unsuccessfully if you have any such updated or solve the problem thank you, I’m from Brazil do not speak English’m utilizanto the google translate if you can help thank you.

  • Marcos Vinicius

    if you have an email where I can send you the image with the problem also helps for you to understand the problem.