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

Creating the master layout


We've added the CSS, JavaScript, and Font files needed to create the master layout file for our project. Next, we need to create a home controller as well as a master layout file. To do this, complete the following steps:

  1. Right-click on the Controllers folder and navigate to Add | Controller….

  2. Select MVC 5 Controller – Empty from the Add Scaffold dialog window and click on Add.

  3. Enter HomeController in the Controller name textbox in the Add Controller dialog window, and click on Add.

  4. Next, right-click on the Views folder in your project and navigate to Add | New Folder. Name the folder Shared.

  5. Right-click on the newly-created Shared folder and navigate to Add | MVC 5 Layout Page (Razor).

  6. In the Specify Name for Item dialog, type _Layout in the Item name textbox and click on OK.

  7. Open the blank.html file in the SB Admin source files and copy its contents to the _Layout.cshtml file.

  8. Change the <head> tag to the following code:

    <head>
        <meta charset="utf-8...