برای درج حاشیه رنگی از  کلاسهای زیر می توانیم استفاده کنیم.

class="border border-primary"
 class="border border-secondary"
 class="border border-success"
 class="border border-danger"
 class="border border-warning"
 class="border border-info"
 class="border border-light"
 class="border border-dark"
 class="border border-white"

برای مثال فرض کنیم می  خواهیم حاشیه یک عکس نوار رنگی باشد.

  <img src="image.jpg" alt="Cinque Terre" width="304" height="236" class="border border-success">