html - 表格标题使用 Bootstrap 进入底部

Question

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

<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 有默认的 caption css 样式 - caption-side: bottom

当您更改 caption-side: top; 时，您的标题将位于表格的顶部。