Bootstrap for ASP.NET MVC

دوره آموزش MVC

Chapter 1: Getting Started with ASP.NET MVC and Bootstrap 7
The Bootstrap distribution 8
Bootstrap style sheets (the css folder) 8
Bootstrap fonts (the fonts folder) 8
Bootstrap JavaScript files (the js folder) 9
The Bootstrap folder structure 9
Using Bootstrap with a site created with the standard Visual
Studio project template 10
Examining the default MVC project layout 12
The Content folder 13
The fonts folder 13
The Scripts folder 14
Creating an empty ASP.NET MVC site and adding Bootstrap manually 14
Adding the Bootstrap style sheets 15
Adding the Bootstrap fonts 16
Adding the Bootstrap JavaScript files 16
Creating the site Layout file 17
Creating a home controller with a Bootstrap-themed view 19
Adding Bootstrap files using NuGet 21
Adding the Bootstrap NuGet package using the dialog 21
Adding the Bootstrap NuGet package using the Package
Manager Console 22
Improving your site performance with bundling and minification 23
Adding bundling to your Bootstrap project 24
Including bundles in your ASP.NET layout 25
Testing bundling and minification 26
Summary 27

[ ii ]
Chapter 2: Using Bootstrap CSS and HTML Elements 29
The Bootstrap grid system 30
Bootstrap grid options 30
Bootstrap HTML elements 31
Bootstrap tables 32
Styling Bootstrap tables 36
Bootstrap contextual table classes 37
Bootstrap buttons 39
Form layout and elements 41
Horizontal forms 41
Vertical/Basic forms 42
Inline forms 43
Bootstrap validation styles 44
Creating editor templates for primitive types 47
Creating editor templates for nonprimitive types 48
Bootstrap image classes 50
Summary 52
Chapter 3: Using Bootstrap Components 53
The Bootstrap navigation bar 53
List groups 56
Badges 57
The media object 57
Page headers 59
Breadcrumb 60
Pagination 60
Input groups 64
Button dropdowns 66
Alerts 67
Progress bars 69
The basic progress bar 69
Contextual progress bars 70
Striped and animated progress bars 71
Dynamically updating the progress bar's percentage 71
Summary 74
Chapter 4: Using Bootstrap JavaScript Plugins 75
Data attributes versus the programmatic API 76
Cascading dropdowns 77
Modal dialogs 80