Unlock the Power of Open Source! The " Linux New " SWAYAM Plus Course is live now and about 2,500 learners have already registered for it.

If you are a registered learner, the forum page is now active. Visit the page and get all your questions answered.

Margin and Padding Classes in Bootstrap - English

This is a sample video. To access the full content,
please Login

2322 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