Bootstrap-এ img-rounded ক্লাস ব্যবহার করে ছবির কোণগুলো গোলাকার করুন

Bootstrap-এ img-rounded ক্লাস ব্যবহার করে আপনার ছবির কোণগুলো গোলাকার বা rounded corners দিতে পারেন। এটি ছবিকে আরও আকর্ষণীয় এবং আধুনিক লুক দেয়।

উদাহরণ

নিচের উদাহরণটি দেখুন কিভাবে মূল ছবি এবং গোলাকার কোণযুক্ত ছবি পাশাপাশি দেখানো যায়:

<!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>Bootstrap দিয়ে ছবি স্টাইল করা</p>
    <h1>মূল ছবি</h1>
    <img src="https://www.tutorialspoint.com/videotutorials/images/numerical_ability_home.jpg">
    <h1>গোলাকার কোণযুক্ত ছবি</h1>
    <img src="https://www.tutorialspoint.com/videotutorials/images/numerical_ability_home.jpg" class="img-rounded">
  </body>
</html>

নোট: Bootstrap 4 এবং পরবর্তী ভার্সনে img-rounded ক্লাসটি বাদ দিয়ে rounded ক্লাস ব্যবহার করা হয়।