বুটস্ট্রাপ সিএসএস টেবিল রেফারেন্স - Bootstrap CSS Table Reference
বুটস্ট্রাপ <table> ক্লাসসমূহ
নিম্নলিখিত ক্লাসগুলো যেকোনো টেবিলের মধ্যে ব্যাবহার করা যাবে:
| ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| .table | যেকোনো <table> এলিমেন্টে বেসিক স্টাইল (হালকা প্যাডিং এবং শুধুমাত্র অনুভূমিক ডিভাইডার) যুক্ত করে। | টেবিল টিউটোরিয়াল |
| .table-striped | <tbody> 'র সারিতে zebra-striping যুক্ত করে (IE8 এ কাজ করে না)। | টেবিল টিউটোরিয়াল |
| .table-bordered | টেবিল এবং সেলের চারপাশে বর্ডার যুক্ত করে। | টেবিল টিউটোরিয়াল |
| .table-hover | টেবিলের সারিতে হোভার ইফেক্ট যুক্ত করার জন্য ব্যবহার করা হয়। | টেবিল টিউটোরিয়াল |
| .table-condensed | টেবিলের সেলের প্যাডিং অর্ধেক করার জন্য ব্যবহার করা হয়। | টেবিল টিউটোরিয়াল |
| সকল টেবিল ক্লাসগুলো একত্রে ব্যবহার করুন | টেবিল টিউটোরিয়াল | |
বুটস্ট্রাপ <tr>, <th> এবং <td> ক্লাসসমূহ
টেবিলের সারি এবং সেলে কালার করার জন্য নিচের ক্লাসগুলো ব্যবহার করুন:
| ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| .active | সংশ্লিষ্ট সারি অথবা সেলে হোভার কালার যুক্ত করে। | টেবিল টিউটোরিয়াল |
| .success | সফল বা পজিটিভ অ্যাাকশন নির্দেশ করে। | টেবিল টিউটোরিয়াল |
| .info | একটি নিরপেক্ষ অ্যাাকশন নির্দেশ করে। | টেবিল টিউটোরিয়াল |
| .warning | মনোযোগের প্রয়োজনীয়তা বুঝাতে একটি ওয়ার্নিং নির্দেশ করবে। | টেবিল টিউটোরিয়াল |
| .danger | বিপদজ্জনক কোন সংকেত বুঝাতে ব্যবহার করা হয়। | টেবিল টিউটোরিয়াল |
বুটস্ট্রাপ রেসপন্সিভ টেবিল
রেসপন্সিভ টেবিল তৈরি করার জন্য .table-responsive ক্লাস ব্যবহার করুন। ৭৬৮ পিক্সেলের নিচে স্ক্রিনের ক্ষেত্রে একটি হরিজন্টাল স্ক্রলিং বার তৈরি হবে। আর ৭৬৮ পিক্সেলের বেশি স্ক্রিনের ক্ষেত্রে কোন পার্থক্য থাকবেনা: