表格标题使用引导程序降到最低 [英] table caption goes bottom using bootstrap

问题描述

表标题位于表的顶部，但是当我使用引导程序类时，它位于表的底部.

Table caption is at the top of the table but when I use a bootstrap class it goes to bottom of the table.

<table class="table table-bordered">
    <caption>why?</caption>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <th>4</th>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

如何将其对准桌子的顶部?

How do I align it to the top of table?

推荐答案

这是因为引导程序4具有默认的标题CSS样式-caption-side: bottom

That's because bootstrap 4 has default caption css style - caption-side: bottom

更改caption-side: top;时，标题将显示在表格顶部.

When you change caption-side: top; you will have your caption on the top of the table.

这篇关于表格标题使用引导程序降到最低的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！