Color 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

1138 visits

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

Different types of Border Color Classes
Add .border-primary class to the borders in HTML file
Observe the border color on the web browser
Different types of Text Color Classes
Add .text-danger class to the text in HTML file
Add .text-danger class to the links in HTML file
Observe the text and links color on the web browser
Different types of Background Color Classes
Add .bg-light, .bg-info, .bg-secondary class to the rows and columns in HTML file
Observe the background colors on the web browser
Width:954 Height:716
Duration:00:07:21 Size:4.1 MB

Show video info

Pre-requisite

Typography in Bootstrap

  Assignment

Code files

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

Script

Slides

  • Color-Classes-in-Bootstrap-Slide/
  • Color-Classes-in-Bootstrap-Slide/Image1.png
  • Color-Classes-in-Bootstrap-Slide/border.png
  • Color-Classes-in-Bootstrap-Slide/background.png
  • Color-Classes-in-Bootstrap-Slide/Color-Classes-in-Bootstrap.pdf
  • Color-Classes-in-Bootstrap-Slide/Color-Classes-in-Bootstrap.tex
  • Color-Classes-in-Bootstrap-Slide/spoken.png
  • Color-Classes-in-Bootstrap-Slide/text.png