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:
@@ -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
|
||||||
|
Reference in New Issue
Block a user