Bootstrap list-group-item class



Use the list-group-item class to add an item to each <li> element in the list group.

You can try to run the following code to implement the list-group-item class

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">       <script src = "/scripts/jquery.min.js"></script>       <script src = "/bootstrap/js/bootstrap.min.js"></script>    </head>    <body>       <h2>Tools</h2>       <p>The following are the tools:</p>       <ul class = "list-group">          <li class = "list-group-item">Online Compiler</li>          <li class = "list-group-item">Image Editor</li>          <li class = "list-group-item">Image Optimizer</li>          <li class = "list-group-item">Whiteboard</li>       </ul>    </body> </html>
Updated on: 2020-06-12T19:33:33+05:30

413 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements