Contextual Classes SBS.pptx

CONTEXTUAL CLASSES -
BOOTSTRAP
S.B.S.Younus, M.Sc., M.Phil., NET.,
Assistant Professor,
Department of Information Technology,
Sadakathullah Appa College.

Contextual Classes
 The Bootstrap Contextual Class is used to
change the background color of list, table rows
or individual cells…etc.
 Contextual Classes
 primary
 secondary
 info
 success
 warning
 danger

HTML Script without Contextual
Classes
<html>
<head>
<title>
List
</title>
</head>

<body>
<ul>
<li>Primary</li>
<li>Secondary</li>
<li>Info</li>
<li>Warning</li>
<li>Danger</li>
<li>Success</li>
</ul>
</body>
</html>

Output - HTML Script without
Contextual Classes

HTML Script With Contextual
Classes
<html>
<head>
<title>
Contextual Classes
</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
</head>

<body>
<h1>Contextual Classes</h1>
<ul class="list-group">
<li class="list-group-item list-group-item-primary">Primary</li>
<li class="list-group-item list-group-item-
secondary">Secondary</li>
<li class="list-group-item list-group-item-info">Info</li>
<li class="list-group-item list-group-item-warning">Warning</li>
<li class="list-group-item list-group-item-danger">Danger</li>
<li class="list-group-item list-group-item-success">Success</li>
</ul>
</body>
</html>

Output - HTML Script With Contextual
Classes

Contextual Classes SBS.pptx

Recommended

Recommended

More Related Content

Similar to Contextual Classes SBS.pptx

Similar to Contextual Classes SBS.pptx (20)

More from YounusS2

More from YounusS2 (11)

Recently uploaded

Recently uploaded (20)

Contextual Classes SBS.pptx