1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 12:51:52 +02:00

tables.md: make vertical table responsive (#30191)

Fixes page overflow on mobile.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
This commit is contained in:
XhmikosR
2020-02-16 17:55:19 +02:00
committed by GitHub
parent 1dcd4967cc
commit 90375b5433

View File

@@ -401,6 +401,7 @@ Add `.table-sm` to make any `.table` more compact by cutting all cell `padding`
Table cells of `<thead>` are always vertical aligned to the bottom. Table cells in `<tbody>` inherit their alignment from `<table>` and are aligned to the the top by default. Table cells of `<thead>` are always vertical aligned to the bottom. Table cells in `<tbody>` inherit their alignment from `<table>` and are aligned to the the top by default.
{{< example >}} {{< example >}}
<div class="table-responsive">
<table class="table align-middle"> <table class="table align-middle">
<thead> <thead>
<tr> <tr>
@@ -431,6 +432,7 @@ Table cells of `<thead>` are always vertical aligned to the bottom. Table cells
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
{{< /example >}} {{< /example >}}
### Variants ### Variants