জয়েন লগইন

বুটস্ট্র্যাপ ইমেজ

🌈বুটস্ট্র্যাপ ইমেজ কি?

📋বুটস্ট্র্যাপ ইমেজ হলো ছবি প্রদর্শন ও পরিচালনা করার পদ্ধতি।

⚒️বুটস্ট্র্যাপ ইমেজ ছবি প্রদর্শন ও পরিচালনা করতে ব্যবহৃত হয়।

বুটস্ট্র্যাপ ইমেজ সমূহ

বুটস্ট্র্যাপ ইমেজ এবং সেগুলোর ব্যবহারের তালিকা

  • ➡️ rounded - গোলাকার কোণ ছবি তৈরি করা
  • ➡️ rounded-circle - বৃত্তাকার ছবি তৈরি করা
  • ➡️ img-thumbnail - থাম্বনেইল ছবি তৈরি করা

rounded - গোলাকার কোণ ছবি তৈরি করার উদাহরণ।

bootstrap
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<img src="/images/author.jpg" alt="মোঃ আরিফ" height="200" width="300" class="rounded">

</body>
</html>

rounded-circle - বৃত্তাকার ছবি তৈরি করার উদাহরণ।

bootstrap
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<img src="/images/author.jpg" alt="মোঃ আরিফ" height="200" width="300" class="rounded-circle">

</body>
</html>

img-thumbnail - থাম্বনেইল ছবি তৈরি করার উদাহরণ।

bootstrap
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<img src="/images/author.jpg" alt="মোঃ আরিফ" height="200" width="300" class="img-thumbnail">

</body>
</html>

বুটস্ট্র্যাপ ইমেজ সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম বিবরণ
rounded গোলাকার কোণ ছবি তৈরি করতে ব্যবহৃত হয়।
rounded-circle বৃত্তাকার ছবি তৈরি করতে ব্যবহৃত হয়।
img-thumbnail থাম্বনেইল ছবি তৈরি করতে ব্যবহৃত হয়।