Book Image

Bootstrap for ASP.NET MVC

By : Pieter van der Westhuizen
Book Image

Bootstrap for ASP.NET MVC

By: Pieter van der Westhuizen

Overview of this book

<p>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.</p> <p>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 a website using Bootstrap, utilizing layout and user interface components. In the process, you will also learn to build 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.</p>
Table of Contents (18 chapters)
Bootstrap for ASP.NET MVC
Credits
About the Author
Acknowledgments
About the Reviewers
www.PacktPub.com
Preface
Index

Chapter 4. Using Bootstrap JavaScript Plugins

Bootstrap's JavaScript features are all built on top of the jQuery library and either provide completely new functionality or extend the functionality of the existing Bootstrap components.

The plugins can be used by simply adding data attributes to your page elements, but they also provide a rich programmatic API, if needed.

In this chapter, we will cover the following topics:

  • How to use dropdowns and create a cascading dropdown

  • How to use modal dialogs

  • How to partition your views with tabs

  • How to implement tooltips and popovers

  • How to use the accordion component

  • How to create a slideshow using the carousel

Tip

In order to use Bootstrap plugins, we'll need to include the bootstrap.js or bootstrap.min.js file in our project. This file contains all the Bootstrap plugins, but if you do not intend to use every plugin in your project, it is a good idea to customize which components are to be included in the bootstrap.js file. This will make the size of the...