Navigatie footer

De footer van dit framework bestaat uit een horizontale lijn en de achtergrond kleur is gelijk aan de achtergrond kleur van de <body>. Verder zijn de tekstgrote aangepast. De werkelijke inhoud gaaat in de basis rij en kolommen, <div class="row"> en <div class="col">

Je kan de footer binnen of buiten de container class plaatsen.

<div class="footer">
  <div class="row align-items-center">
    <div class="col">
      <img alt="logo" class="image image-center" src="images/jouw-logo-sm.png">
    </div>
    <div class="col">
      <p>Tekst</p>
      <p>Tekst</p>
    </div>
    <div class="col">
      <p>Tekst</p>
      <p>Tekst</p>
    </div>
  </div>
</div>

Kleuren palet

Om de kleur van de horizontale lijn te wijzigen voeg je de volgende class toe: <div class="footer border-color-*">

<div class="footer border-color-white">

<div class="footer border-color-black">

<div class="footer border-color-gray">

<div class="footer border-color-blue">

<div class="footer border-color-red">

<div class="footer border-color-orange">

<div class="footer border-color-green">

<div class="footer border-color-lime">

<div class="footer border-color-yellow">

<div class="footer border-color-brown">

<div class="footer border-color-purple">

<div class="footer border-color-pink">