<tableclass="table table-bordered"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-bordered table-dark"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
সীমাহীন টেবুল
.table-borderlessসীমাহীন টেবুলৰ বাবে যোগ কৰক ।
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-borderless"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
<tableclass="table table-borderless table-dark"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
উঠাব পৰা শাৰী
.table-hoverএটা ৰ ভিতৰত টেবুল শাৰীসমূহত এটা হ'ভাৰ অৱস্থা সামৰ্থবান কৰিবলে যোগ কৰক <tbody>।
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-hover"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-hover table-dark"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
সৰু টেবুল
.table-smচেল পেডিং আধা কাটি টেবুলবোৰ অধিক কম্পেক্ট কৰিবলৈ যোগ কৰক ।
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-sm"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী দ্য বাৰ্ড
@টুইটাৰত
<tableclass="table table-sm table-dark"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
প্ৰসংগভিত্তিক শ্ৰেণীসমূহ
টেবুল শাৰী বা ব্যক্তিগত ঘৰসমূহ ৰং কৰিবলৈ প্ৰসংগভিত্তিক শ্ৰেণীসমূহ ব্যৱহাৰ কৰক।
শ্ৰেণী
শিৰোনাম
শিৰোনাম
সক্ৰিয়
কোষ
কোষ
ডিফল্ট
কোষ
কোষ
প্ৰাথমিক
কোষ
কোষ
মাধ্যমিক
কোষ
কোষ
সফলতা
কোষ
কোষ
বিপদ
কোষ
কোষ
সতৰ্কবাণী
কোষ
কোষ
তথ্য
কোষ
কোষ
পাতল
কোষ
কোষ
অন্ধকাৰ
কোষ
কোষ
<!-- On rows --><trclass="table-active">...</tr><trclass="table-primary">...</tr><trclass="table-secondary">...</tr><trclass="table-success">...</tr><trclass="table-danger">...</tr><trclass="table-warning">...</tr><trclass="table-info">...</tr><trclass="table-light">...</tr><trclass="table-dark">...</tr><!-- On cells (`td` or `th`) --><tr><tdclass="table-active">...</td><tdclass="table-primary">...</td><tdclass="table-secondary">...</td><tdclass="table-success">...</td><tdclass="table-danger">...</td><tdclass="table-warning">...</td><tdclass="table-info">...</td><tdclass="table-light">...</td><tdclass="table-dark">...</td></tr>
<!-- On rows --><trclass="bg-primary">...</tr><trclass="bg-success">...</tr><trclass="bg-warning">...</tr><trclass="bg-danger">...</tr><trclass="bg-info">...</tr><!-- On cells (`td` or `th`) --><tr><tdclass="bg-primary">...</td><tdclass="bg-success">...</td><tdclass="bg-warning">...</td><tdclass="bg-danger">...</td><tdclass="bg-info">...</td></tr>
সহায়ক প্ৰযুক্তিসমূহলৈ অৰ্থ প্ৰদান কৰা
অৰ্থ যোগ কৰিবলৈ ৰং ব্যৱহাৰ কৰিলে কেৱল এটা দৃশ্যমান ইংগিতহে পোৱা যায়, যিটো সহায়ক প্ৰযুক্তিৰ ব্যৱহাৰকাৰীসকলক প্ৰেৰণ কৰা নহ’ব – যেনে স্ক্ৰীণ ৰিডাৰ। সুনিশ্চিত কৰক যে ৰঙেৰে চিহ্নিত তথ্য হয় বিষয়বস্তুৰ পৰা নিজেই স্পষ্ট (যেনে দৃশ্যমান লিখনী), বা বিকল্প উপায়ৰ যোগেদি অন্তৰ্ভুক্ত কৰা হৈছে, যেনে .sr-onlyশ্ৰেণীৰ সৈতে লুকুৱাই ৰখা অতিৰিক্ত লিখনী।
A এ <caption>টেবুলৰ বাবে হেডিঙৰ দৰে কাম কৰে। ই স্ক্ৰীণ ৰিডাৰ থকা ব্যৱহাৰকাৰীসকলক এটা টেবুল বিচাৰি উলিয়াবলৈ আৰু ইয়াৰ বিষয়ে বুজিবলৈ আৰু তেওঁলোকে ইয়াক পঢ়িব বিচাৰে নে নাই সেইটো সিদ্ধান্ত ল’বলৈ সহায় কৰে।
ব্যৱহাৰকাৰীৰ তালিকা
#
প্ৰথম
অন্তিম
চম্ভালা
১
মাৰ্ক
অট্টো
@mdo
২
যাকোব
থৰ্ণ্টন
@শকত
৩
লেৰী
চৰাই
@টুইটাৰত
<tableclass="table"><caption>List of users</caption><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody></table>