Bootstrap for ASP.NET MVC

Incorporate Bootstrap into your ASP.NET MVC projects and make your websites more user friendly and dynamic.

Bootstrap for ASP.NET MVC

Learning
Pieter van der Westhuizen

Incorporate Bootstrap into your ASP.NET MVC projects and make your websites more user friendly and dynamic.
$19.99
$32.99
RRP $19.99
RRP $32.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
+ Collection
Free Sample

Book Details

ISBN 139781783987283
Paperback198 pages

About This Book

  • 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.

Table of Contents

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

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.

Authors

Table of Contents

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

Book Details

ISBN 139781783987283
Paperback198 pages
Read More