Bootstrap for ASP.NET MVC - Second Edition电子书

Bootstrap for ASP.NET MVC Second Edition

Bootstrap for ASP.NET MVC Second Edition

Credits

About the Author

About the Reviewer

www.PacktPub.com

eBooks, discount offers, and more

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Getting Started with ASP.NET Core and Bootstrap 4

Files included in the Bootstrap distribution

Bootstrap style sheets

Bootstrap JavaScript files

Bootstrap fonts/icons

Bootstrap source files

CSS pre-processors

Creating an empty ASP.NET MVC site and adding Bootstrap manually

Enabling MVC and static files

Creating the default route controller and view

Adding the Bootstrap 4 files using Bower

Compiling the Bootstrap Sass files using Gulp

Adding Gulp npm packages

Enabling Gulp-Sass compilation

Running Gulp tasks

Binding Gulp tasks to Visual Studio events

Installing Font Awesome

Creating a MVC Layout page

Content Delivery Networks

Summary

2. Using Bootstrap CSS and HTML Elements

The Bootstrap grid system

Bootstrap Grid components

Containers

Rows

Columns

Bootstrap HTML elements

Bootstrap tables

Enabling MVC Scaffolding

Scaffolding an MVC List View page

Styling Bootstrap tables

Bootstrap contextual table classes

Responsive and smaller tables

Bootstrap buttons

Outline buttons

Form layout and elements

Vertical/basic forms

Inline forms

Grid-based forms

Bootstrap images

Bootstrap figures

Summary

3. Using Bootstrap Components

The Bootstrap navigation bar

Basic navbar

Responsive navbar

Navbar with dropdown menus

Navbar color schemes

List groups

Badges

Media object

Breadcrumbs

Pagination

Input groups

Button dropdowns

Alerts

Progress bars

Basic progress bar

Contextual progress bars

Striped and animated progress bars

Cards

Summary

4. Using Bootstrap JavaScript Components

Data attributes versus the programmatic API

Cascading dropdowns

Modal dialogs

Modal size and animation

Tabs

Tooltips

Popovers

The accordion/collapse component

The carousel component

Summary

5. Creating MVC Bootstrap Helper and Tag Helpers

Built-in HTML Helpers

Built-in Tag Helpers

The difference between HTML Helpers and Tag Helpers

Creating HTML Helpers using static methods

Using the static method helper in a view

Creating helpers using extension methods

Using the extension method helper in a view

Creating self-closing helpers

Using the self-closing helper in a view

Creating a Bootstrap button Tag Helper

Using the Bootstrap button Tag Helper

Creating a Bootstrap Alert Tag Helper

Using the Bootstrap Alert Tag Helper

Summary

6. 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 different page views

Adding charts to views

Adding Google Charts to views

Server-side data processing with Google Charts

Summary

7. Using the jQuery DataTables Plugin with Bootstrap 4

jQuery DataTables

Adding DataTables to your ASP.NET MVC project

Using the DataTables Bower package

Using the CDN

Adding Bootstrap styling to DataTables

Loading and displaying data in jQuery DataTables

DataTables plugins

Date sorting

Rendering

DataTables extensions

The ColReorder extension

The ColVis buttons extension

The copy and print buttons extension

Summary

8. Creating Bootstrap 4 ASP.NET MVC Sites Using Visual Studio Code

What is Visual Studio Code?

Installing Visual Studio Code

Creating an empty ASP.NET project

Scaffolding a project using Yeoman

Enabling ASP.NET MVC and static files

Adding a default route controller and view

Using Bower to add the Bootstrap 4 files

Using Gulp to compile the Bootstrap Sass files

Creating a MVC layout page

Testing the site

Summary

A. Bootstrap Resources

Themes

Add-ons

Editors and generators