xxxxxxxxxx
Write a function xor that takes two Boolean values. If both values are different, the result should be true. If both values are the same, the result should be false.
xxxxxxxxxx
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-dark">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-body text-dark">.bg-body</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>
xxxxxxxxxx
<div class="bg-primary">bg-primary</div>
<div class="bg-secondary">bg-secondary</div>
<div class="bg-success">bg-success</div>
<div class="bg-danger">bg-danger</div>
<div class="bg-warning">bg-warning</div>
<div class="bg-info">bg-info</div>
<div class="bg-light">bg-light</div>
<div class="bg-dark">bg-dark</div>
<div class="bg-body">bg-body</div>
<div class="bg-white">bg-white</div>
<div class="bg-transparent">bg-transparent</div>
xxxxxxxxxx
primary - #007bff
secondary - #6c757d
success - #28a745
danger - #dc3545
warning - #ffc107
info - #17a2b8
light - #f8f9fa
dark - #343a40
muted - #6c757d
white - #ffffff
xxxxxxxxxx
/* colors in bootstrap */
color : #007bff; /* primary */
color : #6c757d; /* secondary */
color : #28a745; /* success */
color : #ffc107; /* warning */
color : #dc3545; /* danger */
color : #17a2b8; /* info */
color : #f8f9fa; /* light */
color : #343a40; /* dark */
xxxxxxxxxx
<!-- On rows -->
<tr class="bg-primary"></tr>
<tr class="bg-success"></tr>
<tr class="bg-warning"></tr>
<tr class="bg-danger"></tr>
<tr class="bg-info"></tr>
<!-- On cells (`td` or `th`) -->
<tr>
<td class="bg-primary"></td>
<td class="bg-success"></td>
<td class="bg-warning"></td>
<td class="bg-danger"></td>
<td class="bg-info"></td>
</tr>
xxxxxxxxxx
<!-- On rows -->
<tr class="bg-primary"></tr>
<tr class="bg-success"></tr>
<tr class="bg-warning"></tr>
<tr class="bg-danger"></tr>
<tr class="bg-info"></tr>
<!-- On cells (`td` or `th`) -->
<tr>
<td class="bg-primary"></td>
<td class="bg-success"></td>
<td class="bg-warning"></td>
<td class="bg-danger"></td>
<td class="bg-info"></td>
</tr>
xxxxxxxxxx
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning bg-dark">.text-warning</p>
<p class="text-info bg-dark">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>
xxxxxxxxxx
<p class="text-primary">It's primary text message</p>
<p class="text-secondary">It's secondary text message</p>
<p class="text-success">It's success text message</p>
<p class="text-danger">It's danger text message</p>
<p class="text-warning">It's warning text message</p>
<p class="text-info">It's info text message</p>
<p class="text-light bg-dark">It's light text message</p>
<p class="text-dark">It's dark text message</p>
<p class="text-muted">It's muted text message</p>