ASP.NET - MVC - Core - Responsive Web Design - Lecture 15: BootStrap Integration & Full Tutorial P1

#SoftwareDevelopment #Software #Engineering #CSharp #Coding #Course

In Lecture 15:

* How to setup a layout page to have common template for all pages

* How to setup a layout page to properly load CSS and Javascript files in header and just before body tag closing

* How to setup bootstrap template in an MVC application

* How to activate run time refresh to ASP.NET MVC Core with RuntimeCompilation

* What are Breakpoints in BootStrap and Core concepts of Breakpoints, Available breakpoints

* What are Containers in BootStrap and How they work

* Default container, Responsive containers and Fluid containers in bootstrap

* What is the Grid system in bootstrap 5

* How Grid system works and examples of grid system in boostrap 5

* Grid options, Auto-layout columns, Equal-width, Setting one column width, Variable width content, Responsive classes, Stacked to horizontal, Mix and match, Row columns, and Nesting of grids in boostrap 5

* What are Columns and how they work in boostrap 5

* Columns Alignment, Vertical alignment, Horizontal alignment, Column wrapping, Column breaks, Reordering, Order classes, Offsetting columns, Offset classes, Margin utilities and Standalone column classes in bootstrap 5

* What are Gutters and how they work

* Horizontal gutters, Vertical gutters, Row columns gutters, and No gutters in bootstrap 5

* What is Reboot and why do we need Reboot

* What are Inline code, Lists, Code blocks, Variables, User input, Sample output, Tables, Forms, Pointers on buttons, Misc elements, Address, Blockquote, Inline elements, Summary

* Display none and visibility hidden difference

* Jquery show and hide compatility with display none and visibility hidden

* Typography in bootstrap 5

* Headings, Display headings, Lead, Inline text elements, Abbreviations, Blockquotes, Naming a source, Alignment, Lists, Description list alignment, Responsive font sizes in bootstrap 5

* Images in bootstrap 5

* Responsive images, Image thumbnails, Aligning images, Picture in bootstrap 5

* Tables in bootstrap 5

* Variants of tables, Accented tables, Striped rows, Hoverable rows, Active tables, Table borders, Bordered tables, Small tables, Vertical alignment, Nesting, Table head, Table foot, Captions, Responsive tables, Breakpoint specific

* Figures and figure captions in bootstrap 5

Please subscribe and make comments.

This course requires fundamental knowledge about programming and C#. So please watch our below playlists related to C#.

Our courses playlists are like below:

auto subtitle timing : NA

[nisa]

In this lesson we learned;

1:21 Introduction to Bootstrap
5:06 How we can import the latest version of bootstrap to the _ViewStart.cshtml file
11:56 What is Starter Template
15:03 Creating _Layout.cshtml file for template of the project
19:56 Using ViewData for creating default page title
25:30 Html5 doctype, Responsive Meta Tag, Box-sizing, Reboot
29:08 Supported Browsers and platforms for using Bootstrap
37:58 Breakpoints, Containers and how they work
1:54:44 Column Breaks, Reordering(order classes)
2:16:16 How to align an image center with bootstrap
2:31:00 Gutters(horizontal gutters, vertical gutters
2:42:36 Utilities for Layout(Changing dislay, flexbox options, margin and padding)
2:44:54 Z-index
3:33:34 What is Typography

Nisa Kuzu
195050014

[korayinci]

Koray İnci - 195050016
This video was all about Bootstrap which is something really important to make our project / website look better. Also it is effecient for developing responsive and mobile websites

1:27 Introduction to Bootstrap and implementing Bootstrap in our MVC project
40:25 Containers in Bootstrap
54:59 Flexbox
2:28:48 Grid Options
2:31:25 Gutters
3:42:02 Adding an icon

Thanks for the lesson.

[ceydaszr]

I've learned how to set a layout page to be used in all pages, setting up a bootstrap template in mvc app, about containers, grid system, columns, headings, images, responsive images and tables.

Ceyda Süzer
175050003

[raanemdahbi]

In this lesson we covered the following topics:

- How to use bootstrap to make a layout
- The grid system in bootstrap
- Default container and responsive-fluid containers in bootstrap
- How to setup a bootstrap template in an MVC app

Raanem Dahbi - 195050904

[ammarhanyezeldinabdelrazik]

Ammar Hany Ezeldin Abdelrazik - 195050902
layout and design optimizations

BOOTSTRAP

alignments and tables and everything about bootsrap

195050024
In this video i learned how to entegrate bootstrap template to mvc app.