বুটস্ট্র্যাপ
🌈বুটস্ট্র্যাপ কি?
📋বুটস্ট্র্যাপ হলো স্পিনার তৈরি করার পদ্ধতি।
⚒️বুটস্ট্র্যাপ স্পিনার তৈরি করতে ব্যবহৃত হয়।
বুটস্ট্র্যাপ সমূহ
বুটস্ট্র্যাপ এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ spinner-border - বর্ডার স্পিনার তৈরি করা
- ➡️ spinner-border-sm - ছোট বর্ডার স্পিনার তৈরি করা
- ➡️ spinner-grow - গ্রো স্পিনার তৈরি করা
- ➡️ spinner-grow-sm - ছোট গ্রো স্পিনার তৈরি করা
spinner-border - বর্ডার স্পিনার তৈরি করার উদাহরণ।
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>
<div class="spinner-border"></div>
</body>
</html>
spinner-border-sm - ছোট বর্ডার স্পিনার তৈরি করার উদাহরণ।
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>
<div class="spinner-border spinner-border-sm"></div>
</body>
</html>
spinner-grow - গ্রো স্পিনার তৈরি করার উদাহরণ।
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>
<div class="spinner-grow"></div>
</body>
</html>
spinner-grow-sm - ছোট গ্রো স্পিনার তৈরি করার উদাহরণ।
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>
<div class="spinner-grow spinner-grow-sm"></div>
</body>
</html>
বুটস্ট্র্যাপ সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| spinner-border | বর্ডার স্পিনার তৈরি করতে ব্যবহৃত হয়। |
| spinner-border-sm | ছোট বর্ডার স্পিনার তৈরি করতে ব্যবহৃত হয়। |
| spinner-grow | গ্রো স্পিনার তৈরি করতে ব্যবহৃত হয়। |
| spinner-grow-sm | ছোট গ্রো স্পিনার তৈরি করতে ব্যবহৃত হয়। |