Borde

Utilice las utilidades de borde para diseñar rápidamente el borde y el radio del borde de un elemento. Ideal para imágenes, botones o cualquier otro elemento.

Border de colores

Use las utilidades de borde para agregar borde a un elemento. Elija entre todos los bordes o uno a la vez.

<div class="row">
   <div class="col-sm-12 col-md-4 flex jc--center bd--primary p-2">
      <p class="text-title text-primary">primary</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--secondary p-2">
      <p class="text-title text-secondary">secondary</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--third p-2">
      <p class="text-title text-third">third</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--info p-2">
      <p class="text-title text-info">info</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--danger p-2">
      <p class="text-title text-danger">danger</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--warning p-2">
      <p class="text-title text-warning">warning</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--gray p-2">
      <p class="text-title text-gray">gray</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--success p-2">
      <p class="text-title text-success">success</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bd--dark p-2">
      <p class="text-title text-dark">dark</p>
   </div>
</div>