Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Pieter van der Westhuizen
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Table of Contents
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset