Bootstrap Well বুটস্ট্রাপ Well
বুটস্ট্রাপ Well
Well
বুটস্ট্রাপের
.well ক্লাস একটি এলিমেন্টে ধূসর কালারের ব্যাকগ্রাউন্ড, কিছু প্যাডিং এবং একটি বর্ডার যুক্ত করেঃ
নিচে একটি বেসিক Well এর উদাহরণ দেখানো হলো।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Well Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>বেসিক Well এর উদাহরণ</h2>
<div class="well">ব্যাসিক Well</div>
</div>
</body>
</html>
ফলাফল
Well এর আকার
বুটস্ট্রাপ Well এর আকার পরিবর্তন করার ক্ষেত্রে
.well ক্লাসের সাথে ছোট আকারের well এর জন্য .well-sm এবং বড় আকারের well এর জন্য .well-lg ক্লাস যুক্ত করুনঃউদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Well Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Well এর আকার</h2>
<div class="well well-sm">ছোট আকারের Well</div>
<div class="well">সাধারণ Well</div>
<div class="well well-lg">বড় আকারের Well</div>
</div>
</body>
</html>
ফলাফল
ডিফল্টভাবে well মাঝারি আকারের হয়।
No comments