Articles → BOOTSTRAP → Contextual classes for lists in bootstrap

Contextual classes for lists in bootstrap






What are contextual classes?





















Example


<html>
	<head>
		<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
		<title></title>
	</head>
	<body>
		<div id="content">
			<ul class="list-group">
				<li class="list-group-item list-group-item-success">Success item</li>
				<li class="list-group-item list-group-item-secondary">Secondary item</li>
				<li class="list-group-item list-group-item-info">Info item</li>
				<li class="list-group-item list-group-item-warning">Warning item</li>
				<li class="list-group-item list-group-item-danger">Danger item</li>
				<li class="list-group-item list-group-item-primary">Primary item</li>
				<li class="list-group-item list-group-item-dark">Dark item</li>
				<li class="list-group-item list-group-item-light">Light item</li>
			</ul>
		</div>
	</body>
</html>



Output



Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, November 14, 2018

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250