รูปภาพในรูปแบบปกติ

<img src="/img/html/bootstrap-pic/MzHy4.jpg" width="200">

ผลลัพธ์

รูปภาพเพิ่มขอบ

<img class="border" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200">

ผลลัพธ์

รูปภาพเพิ่มขอบโดยกำหนดรูปแบบสี ได้แก่ primary secondary success danger warning info light dark white

<img class="border border-primary" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200"> <img class="border border-danger" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200">

ผลลัพธ์

รูปภาพเพิ่มขอบโดยกำหนดรูปแบบสี ได้แก่ primary secondary success danger warning info light dark white

<img class="border border-primary rounded" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200"> <img class="border border-danger rounded-circle" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200">

ผลลัพธ์

รูปภาพเพิ่มขอบโดยกำหนดรูปแบบสี ได้แก่ primary secondary success danger warning info light dark white

<img class="border border-primary rounded" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200"> <img class="border border-danger rounded-circle" src="/img/html/bootstrap-pic/MzHy4.jpg" width="200">

ผลลัพธ์