Typography 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

1200 visits

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

Different types of text alignment and text transform classes
Add .text-center class and .text-uppercase class to the HTML file
Different types of font weight classes
Add .font-weight-bold class to the HTML file
What is the use of .font-italic, .text-decoration-none and .text-reset classes?
Add .font-italic class and text-decoration-none class to the HTML file
Add .text-reset class to the HTML file
Different types of display heading classes
Add .display-4 class to the HTML file
Observe the output by adding all the classes one by one on the web browser
Width:954 Height:716
Duration:00:08:49 Size:4.8 MB

Show video info

Pre-requisite

Horizontal and Vertical Alignment Classes in Bootstrap

  Assignment

Code files

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

Script

Slides

  • Typography-in-Bootstrap-Slide/
  • Typography-in-Bootstrap-Slide/Image1.png
  • Typography-in-Bootstrap-Slide/display.png
  • Typography-in-Bootstrap-Slide/font.png
  • Typography-in-Bootstrap-Slide/Typography-in-Bootstrap.pdf
  • Typography-in-Bootstrap-Slide/Typography-in-Bootstrap.tex
  • Typography-in-Bootstrap-Slide/spoken.png
  • Typography-in-Bootstrap-Slide/capitalize.png
  • Typography-in-Bootstrap-Slide/center.png
  • Typography-in-Bootstrap-Slide/justify.png
  • Typography-in-Bootstrap-Slide/left.png
  • Typography-in-Bootstrap-Slide/lowercase.png
  • Typography-in-Bootstrap-Slide/right.png
  • Typography-in-Bootstrap-Slide/uppercase.png