1. Calender
    2. Email
    3. Profile
    4. Widget
    5. Features
    6. UI Elements
    7. Accordion
    8. Alerts
    9. Badges
    10. Button
    11. Dropdown
    12. Images
    13. List Group
    14. Panels
    15. Progressbar
    16. Tab
    17. Wells
    18. Components
    19. Calendar
    20. Carousel
    21. Weather
    22. Datamap
    23. To do
    24. Scrollable
    25. Sweet Alert
    26. Toastr
    27. Basic Range Slider
    28. Advance Range Slider
    29. Nestable
    30. Portlets
    31. Bar Rating
    32. jRate
    33. Table
    34. Basic
    35. Datatable
    36. Datatable Export
    37. Datatable Row Select
    38. Editable
    39. Icons
    40. Themify
    41. Maps
    42. Basic
    43. Vector Map
    44. Form
    45. Basic Form
    46. Miscellaneous
    47. Invoice
    48. Basic
    49. Editable
    50. Pages
    51. Login
    52. Register
    53. Forgot password
    54. Documentation
    55. Logout
    56. 02:34 PM
      Mr. Saifun
      5 members joined today
    57. 02:34 PM
      Mariam
      likes a photo of you
    58. 02:34 PM
      Tasnim
      Hi Teddy, Just wanted to let you ...
    59. 02:34 PM
      Ishrat Jahan
      Hi Teddy, Just wanted to let you ...
    60. See All
    61. 02:34 PM
      Saiul Islam
      Hi Teddy, Just wanted to let you ...
    62. 02:34 PM
      Ishrat Jahan
      Hi Teddy, Just wanted to let you ...
    63. 02:34 PM
      Saiul Islam
      Hi Teddy, Just wanted to let you ...
    64. 02:34 PM
      Ishrat Jahan
      Hi Teddy, Just wanted to let you ...
    65. See All
    66. Saifun
    67. Profile
    68. My Balance
    69. My Task
    70. My Calender
    71. Inbox
    72. Setting
    73. Help
    74. Lock Screen
    75. Logout
    76. List Groups

      To create a basic list group, use an <ul> element with class .list-group, and<li> elements with class .list-group-item:

    77. First item
    78. Second item
    79. Third item
    80. List Group With Badges

      To create a badge, create a <span> element with class .badge inside the list item:

    81. New 12
    82. Deleted 5
    83. Warnings 3
    84. List Group With Linked Items

      To create a list group with linked items, use <div> instead of <ul> and <a> instead of <li>:

      Active State

      Use the .active class to highlight the current item:

      Disabled Item

      To disable an item, add the .disabled class:

      Contextual Classes

      The classes for coloring list-items are: .list-group-item-success, list-group-item-info, list-group-item-warning, and .list-group-item-danger:

    85. First item
    86. Second item
    87. Third item
    88. Fourth item
    89. Custom Content

      Bootstrap provides the classes .list-group-item-heading and .list-group-item-text which can be used as follows: