Grid System in Bootstrap - English

Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Loaded: 0%
Progress: 0%
0:00
Fullscreen
00:00
Mute

1814 visits

  1. Instruction Sheet
  2. Installation Sheet
  3. Report Missing Component
  4. Post your Question on the Forum
Outline:
Grid System in Bootstrap

About grid system
How to add .row class to the HTML file?
How to add .col and .col-auto classes to the HTML file?
About Column Class with Breakpoints
How to add .col-3 and .col-9 columns classes to the HTML file
How to create unequal width columns using a 12 column class?
What happens if the sum of no. columns is greater than 12?
What are 12 Column Class with Breakpoints?
How to add .col-md-3 and .col-md-9 columns classes to the HTML file
Observe the width of the columns in responsive design mode
Width:956 Height:716
Duration:00:13:32 Size:6.8 MB

Show video info

Pre-requisite

Containers in Bootstrap

  Assignment

Code files

  • Grid-System-in-Bootstrap-Code-Files/
  • Grid-System-in-Bootstrap-Code-Files/Mypage.html
  • Grid-System-in-Bootstrap-Code-Files/Mystyle.css
  • Grid-System-in-Bootstrap-Code-Files/Mypage.txt
  • Grid-System-in-Bootstrap-Code-Files/Mystyle.txt

Script

Slides

  • Grid-System-in-Bootstrap-Slide/
  • Grid-System-in-Bootstrap-Slide/Image1.png
  • Grid-System-in-Bootstrap-Slide/Example1.png
  • Grid-System-in-Bootstrap-Slide/Example2.png
  • Grid-System-in-Bootstrap-Slide/Example3.png
  • Grid-System-in-Bootstrap-Slide/table2.png
  • Grid-System-in-Bootstrap-Slide/table1.png
  • Grid-System-in-Bootstrap-Slide/Grid-System.pdf
  • Grid-System-in-Bootstrap-Slide/spoken.png
  • Grid-System-in-Bootstrap-Slide/table3.png
  • Grid-System-in-Bootstrap-Slide/Grid-System.tex