Incorporate Bootstrap into your ASP.NET MVC projects and make your websites more user friendly and dynamic.
  • Grasp the intricacies of Bootstrap and how to use it with ASP.NET MVC
  • Build your own tools and helpers to assist you in creating ASP.NET MVC Bootstrap sites in an easy and fast way
  • Master the use of Bootstrap components and plugins with ASP.NET MVC

Who This Book Is For

If you are an ASP.NET MVC developer and would like to know how to incorporate Bootstrap into your projects, then this book is invaluable to you. Developers with entry-level experience of ASP.NET MVC development and limited experience with Bootstrap will also benefit from this book.

What You Will Learn

  • Create a Bootstrap ASP.NET MVC site from scratch
  • Use the various Bootstrap CSS and HTML elements with ASP.NET MVC
  • Employ Bootstrap components such as navigation, alerts, and progress bars with ASP.NET MVC
  • Utilize JavaScript Bootstrap components with ASP.NET MVC including modal dialogs, contextual dropdowns, and more
  • Build your own ASP.NET MVC helpers to reduce the amount of HTML needed to generate Bootstrap elements in your projects
  • Design T4 Templates to generate Bootstrap-themed scaffolded views
  • Convert a Bootstrap HTML template into a usable ASP.NET MVC project
  • Integrate the jQuery DataTables plugin with Bootstrap and ASP.NET MVC

In Detail

Bootstrap, a leading open source frontend framework, takes care of typography, form layouts, and user interface components, allowing a developer to focus on writing code. Integrating ASP.NET's powerful components can further enhance its capabilities. This book guides you through the process of creating an ASP.NET MVC website from scratch using Bootstrap.

You will learn about various Bootstrap components as well as techniques to include them in your own projects. The book includes practical examples to show you how to use open source plugins with Bootstrap and ASP.NET MVC and will guide you through building an ASP.NET MVC website using Bootstrap, utilizing layout and user interface components. In the process, you will also learn to build ASP.NET MVC HTML helpers and T4 templates as well as how to use the jQuery DataTables plugin. At the end of this book, you will find some valuable tips and tricks, which will help you in getting the most out of your Bootstrap and ASP.NET MVC integrated website.

Pieter van der Westhuizen

Pieter van der Westhuizen is a freelance software and web developer specializing in ASP.NET MVC, web technologies, and MS Office development. He started his career in web development using classic ASP, Visual InterDev, HoTMetaL, and FrontPage.

Pieter has over 15 years of experience in the IT industry and is also one of the people fortunate enough to have his hobby become his full-time profession. He is also a technology evangelist for Add-in Express (, which focuses on tools for Microsoft Office integration.

He has been blogging since 2007 on his personal blog at www.mythicalmanmoth.comand on the Add-in Express blog since 2010. He lives with his wife and Harrier (the dog, not the bird or Jump Jet) in Pretoria, South Africa.

Chapter 1: Getting Started with ASP.NET MVC and Bootstrap

  • The Bootstrap distribution
  • Using Bootstrap with a site created with the standard Visual Studio project template
  • Creating an empty ASP.NET MVC site and adding Bootstrap manually
  • Creating the site Layout file
  • Creating a home controller with a Bootstrap-themed view
  • Adding Bootstrap files using NuGet
  • Improving your site performance with bundling and minification
  • Summary

Chapter 2: Using Bootstrap CSS and HTML Elements

  • The Bootstrap grid system
  • Bootstrap HTML elements
  • Form layout and elements
  • Bootstrap validation styles
  • Creating editor templates for primitive types
  • Bootstrap image classes
  • Summary

Chapter 3: Using Bootstrap Components

  • The Bootstrap navigation bar
  • List groups
  • Badges
  • The media object
  • Page headers
  • Breadcrumb
  • Pagination
  • Input groups
  • Button dropdowns
  • Alerts
  • Progress bars
  • Summary

Chapter 4: Using Bootstrap JavaScript Plugins

  • Data attributes versus the programmatic API
  • Cascading dropdowns
  • Modal dialogs
  • Tabs
  • Tooltips
  • Popovers
  • The accordion component
  • The carousel component
  • Summary

Chapter 5: Creating ASP.NET MVC Bootstrap Helpers

  • Built-in HTML helpers
  • Creating a custom helper
  • Creating helpers using static methods
  • Creating helpers using extension methods
  • Creating fluent HTML helpers
  • Creating self-closing helpers
  • Summary

Chapter 6: Creating T4 Templates to Scaffold Bootstrap Views

  • An overview of scaffolding
  • T4 templates
  • Customizing the generated code for controllers
  • Customizing the generated code for views
  • Creating a custom scaffolder extension
  • Summary

Chapter 7: Converting a Bootstrap HTML Template into a Usable ASP.NET MVC Project

  • Working with prebuilt HTML templates
  • Creating the ASP.NET MVC project
  • Creating the master layout
  • Adding a view for the home controller
  • Adding the menu plugin library
  • Adding different page views
  • Adding charts to your views
  • Summary
  • Chapter 8: Using the jQuery DataTables Plugin with Bootstrap
  • jQuery DataTables
  • Adding DataTables to your ASP.NET MVC project
  • Loading and displaying data in jQuery DataTables
  • DataTables extensions
  • Summary
  • Chapter 9: Making Things Easier with the TwitterBootstrapMVC Library
  • The TwitterBootstrapMVC library
  • Including TwitterBootstrapMVC in your project
  • Using the TwitterBootstrapMVC helpers
  • Summary