Frequently used codes or paths

Alert

 <div class="alert alert-info">text</div>

Add a subtle background colour to a card

<div class="row col-container">
   <div class="col-sm-6 col card" style="background-color: #f8f9fa;">

Other subtle background colors:

  • #f8f9fa – very light grey (Bootstrap's light background)
  • #f5f7fa – cool light grey
  • #fdfdfd – almost white
  • rgba(108, 61, 145, 0.05) – very subtle tint of purple
  • rgba(0, 136, 156, 0.05) – very subtle tint of turquoise

Content top aligned in a card

<style type="text/css">.col-sm-6.col.card {
  justify-content: normal;
  font-size: inherit;
}
</style>

Link arrow bottom aligned

bottom arrow

<div class="col-sm-4 col card item">

<p class="to-bottom"><span class="link-arrow">&nbsp;</span></p>

Social icons:

services/imce>files>icons

eg. https://services.nwu.ac.za/sites/services.nwu.ac.za/files/files/icons/i…