List Group 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

1257 visits

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

About list group classes
Create a list group of an unordered list 
List group with links and buttons
About .list-group class and .list-group-item class
Using .list-group-flush class, remove the border around the list group
About.active class and .disabled class 
Using list-group-item-action class, create actionable list group items  Demonstration of hover, disabled, and active states
Adding .list-group-item-secondary class
About Contextual Classes
Width:960 Height:706
Duration:00:08:01 Size:3.7 MB

Show video info

Pre-requisite

Dropdowns in Bootstrap

  Assignment

Code files

  • ListGroup-Bootstrap-CodeFiles/
  • ListGroup-Bootstrap-CodeFiles/Mypage.txt
  • ListGroup-Bootstrap-CodeFiles/Form.html
  • ListGroup-Bootstrap-CodeFiles/Logo.png
  • ListGroup-Bootstrap-CodeFiles/Mypage.html
  • ListGroup-Bootstrap-CodeFiles/Login.html

Script

Slides

  • Slides-List-Group-in-Bootstrap/
  • Slides-List-Group-in-Bootstrap/list-group.png
  • Slides-List-Group-in-Bootstrap/List-Group-in-Bootstrap.tex
  • Slides-List-Group-in-Bootstrap/spoken.png
  • Slides-List-Group-in-Bootstrap/List-Group-in-Bootstrap.pdf