Half-Day Online Pilot Workshop on AutoDock4 on 9 August 2024, 2:00 pm to 5.30 pm. Click here to register.

Alert and Badge in Bootstrap - English

432 visits

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

About Alert
Various Alert classes
How to use .alert-link class?
How to close the alert?
Create a dismissal alert
Create a badge 
Various Badge classes
About Badge as label
About Badge as counter
How to use .badge-pill class?
Width:960 Height:702
Duration:00:09:01 Size:4.5 MB

Show video info

Pre-requisite

List Group in Bootstrap

  Assignment

Code files

  • Alert-Badges-in-Bootstrap-CodeFiles/
  • Alert-Badges-in-Bootstrap-CodeFiles/Mypage.txt
  • Alert-Badges-in-Bootstrap-CodeFiles/Form.html
  • Alert-Badges-in-Bootstrap-CodeFiles/Mypage.html
  • Alert-Badges-in-Bootstrap-CodeFiles/Login.html
  • Alert-Badges-in-Bootstrap-CodeFiles/Logo.png

Script

Slides

  • Alert-and-Badge-in-Bootstrap-Slide/
  • Alert-and-Badge-in-Bootstrap-Slide/Alert.png
  • Alert-and-Badge-in-Bootstrap-Slide/Alert-and-Badge-in-Bootstrap.tex
  • Alert-and-Badge-in-Bootstrap-Slide/Badge1.png
  • Alert-and-Badge-in-Bootstrap-Slide/spoken.png
  • Alert-and-Badge-in-Bootstrap-Slide/Badge2.png
  • Alert-and-Badge-in-Bootstrap-Slide/Alert-and-Badge-in-Bootstrap.pdf