با استفاده از کلاس های .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-top می توان بنا به نیاز، عنصر مورد نظر را تراز عمودی کرد.
1 2 3 4 5 6 |
<span class="align-baseline">baseline</span> <span class="align-top">top</span> <span class="align-middle">middle</span> <span class="align-bottom">bottom</span> <span class="align-text-top">text-top</span> <span class="align-text-bottom">text-bottom</span> |
همانطور که در این مثال ها می بینید، با استفاده از کلاس های ترازبندی در بوت استرپ، حتی عناصر جدول ها هم می توانیم تراز بندی کنیم.
1 2 3 4 5 6 7 8 9 10 11 12 |
<table style="height: 100px;"> <tbody> <tr> <td class="align-baseline">baseline</td> <td class="align-top">top</td> <td class="align-middle">middle</td> <td class="align-bottom">bottom</td> <td class="align-text-top">text-top</td> <td class="align-text-bottom">text-bottom</td> </tr> </tbody> </table> |
موقعیت عناصر با استفاده از دستورات کمکی […]