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.

List Group in Bootstrap - English

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

2104 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