টেবিল বুটস্ট্রাপ
প্রথমে একটি container div নিতে হবে তার মধ্যে table tag দিয়ে bootStrap এর table class যুক্ত করতে হবে।
বেসিক/সাধারণ বুটস্ট্রাপ টেবিল তৈরি করার জন্য <table> এলিমেন্টের মধ্যে .table অন্তর্ভুক্ত করুন। এবার আসি মুল কাজে
- table-stripped টেবিলের সারিগুলোকে ডোরাকাটা বা Striped করার জন্য
- table-border
- table-dark
- table-hover
ইমেজ বুটস্ট্রাপ ক্লাস
অবশ্যই image tag এ class=" " লিখতে হবে। কারন এটি সুধু আপলাই হবে ইমেজ ট্যাগের ভিতরে।
- .rounded-circle
- .rounded
- .img-thumbnail
.float-right.float-left.mx-auto(margin:auto) and.d-block(display:block) to the center image
বাটন বুটস্ট্রাপ ক্লাস
<a>, <button>, অথবা <input> এলিমেন্টে বাটন ক্লাসগুলো ব্যবহার করা যায়ঃ<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">
বাটন অউটলাইন/ হোভার বাটন
<button type="button" class="btn btn-outline-primary">Primary</button>
বিভিন্ন সাইজের বাটনের জন্য
.btn-lg.btn-md.btn-sm.btn-xsSpinner Buttons class
- spinner-border
- spinner-border-sm
- spinner-grow
- spinner-grow-sm
- <button class="btn btn-primary">
<span class="spinner-border spinner-border-sm"></span>
</button>
0 Comments