Margin and Padding Classes 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

1359 visits

  1. Instruction Sheet
  2. Installation Sheet
  3. Report Missing Component
  4. Post your Question on the Forum
Outline:
Margin and Padding Classes in Bootstrap

Format for naming the margin and padding classes
How to add .m-4 class for margin to the HTML file?
Observe the margin in columns in responsive design mode
To check how much margin is added
How to horizontally center the block-level element by using .mx-auto class?
How to add .pt-5 class for padding to the HTML file?
Observe the padding in columns in responsive design mode
To check how much padding is added
Formats for naming margin and padding classes with Breakpoints
How to add .pt-sm-5 class for padding to the HTML file?
Observe the padding in columns in responsive design mode
Width:954 Height:714
Duration:00:10:34 Size:5.5 MB

Show video info

Pre-requisite

Order and Offset Classes in Bootstrap

  Assignment

Code files

  • Margin-and-Padding-Classes-in-Bootstrap-Code-Files/
  • Margin-and-Padding-Classes-in-Bootstrap-Code-Files/Mystyle.css
  • Margin-and-Padding-Classes-in-Bootstrap-Code-Files/Mypage.html
  • Margin-and-Padding-Classes-in-Bootstrap-Code-Files/MyPage.txt

Script

Slides

  • Margin-and-Padding-Classes-in-Bootstrap-Slide/
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Table2.png
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/spoken.png
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Margin-and-Padding-Classes-in-Bootstrap.pdf
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Margin-and-Padding-Classes-in-Bootstrap.tex
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Table1.png
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Table3.png
  • Margin-and-Padding-Classes-in-Bootstrap-Slide/Image1.png