বুটস্ট্র্যাপ ইমেজ
🌈বুটস্ট্র্যাপ ইমেজ কি?
📋বুটস্ট্র্যাপ ইমেজ হলো ছবি প্রদর্শন ও পরিচালনা করার পদ্ধতি।
⚒️বুটস্ট্র্যাপ ইমেজ ছবি প্রদর্শন ও পরিচালনা করতে ব্যবহৃত হয়।
বুটস্ট্র্যাপ ইমেজ সমূহ
বুটস্ট্র্যাপ ইমেজ এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ 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 | থাম্বনেইল ছবি তৈরি করতে ব্যবহৃত হয়। |