表格标题使用引导程序进入底部

Question

表格标题位于表格顶部，但当我使用引导类时，它会位于表格底部。

<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>

如何将其与表格顶部对齐？

Answer 1

那是因为 bootstrap 4 具有默认的字幕 css 样式 - caption-side: bottom

当您更改caption-side: top; 时，您的标题会出现在表格顶部。