คลาส img-rounded ของ Bootstrap: สร้างรูปภาพมุมโค้ง

ใช้คลาส img-rounded ของ Bootstrap เพื่อจัดสไตล์รูปภาพและทำให้มีมุมโค้งมน

ตัวอย่าง

<!DOCTYPE html> <html> 
  <head> 
    <title>Bootstrap Images</title> 
    <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> 
    <script src = "/scripts/jquery.min.js"></script> 
    <script src = "/bootstrap/js/bootstrap.min.js"></script> 
  </head> 
  <body> 
    <p>Styling images with Bootstrap</p> 
    <h1>Original Image</h1> 
    <img src = "https://www.tutorialspoint.com/videotutorials/images/numerical_ability_home.jpg"> 
    <h1>Rounded Image</h1> 
    <img src = "https://www.tutorialspoint.com/videotutorials/images/numerical_ability_home.jpg" class = "img-rounded"> 
  </body> 
</html>