Bootstrap for ASP.NET MVC - Second Edition

Author: Pieter van der Westhuizen  

Publisher: Packt Publishing‎

Publication year: 2016

E-ISBN: 9781785885235

P-ISBN(Paperback): 9781785889479

Subject: TP301.6 algorithm theory;TP31 computer software

Keyword: 计算机软件,算法理论,自动化技术、计算机技术

Language: ENG

Access to resources Favorite

Disclaimer: Any content in publications that violate the sovereignty, the constitution or regulations of the PRC is not accepted or approved by CNPIEC.

Chapter

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

Chapter 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

Chapter 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

Chapter 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

Chapter 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

Chapter 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

Chapter 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

Chapter 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

Appendix: Bootstrap Resources

Themes

Add-ons

Editors and generators

Index

The users who browse this book also browse