в своем приложении я часто использую класс карты-карты .card.
Только очень часто, когда я переключаюсь в режим просмотра с мобильного устройства, я замечаю большое переполнение, которое вызывает ошибку отображения, и всю мою страницу найден смещенным.
Это означает, что мне приходится каждый раз менять код в своем классе .card, чтобы убедиться, что все подходит, даже в мобильном представлении. Это очень странно
На большом экране:
На маленьком экране:
Это код:
<div class="card mt-4">
<h5 class="card-header">
Abonnement
<div class="float-right">
<button class="btn btn-light btn-sm mb-1">Ne pas résilier l'abonnement</button>
</div>
</h5>
<div class="card-body">
<table class="table table-borderless">
<thead>
<tr>
<th>PRODUIT</th>
<th>PROCHAINE FACTURE</th>
<th>CRÉÉ LE</th>
</tr>
</thead>
<tbody>
<tr>
<td>
TETETE
<span class="badge badge-secondary">Annulation prévue 03/05/2020</span>
<br>
<p class="text-secondary">
basic
</p>
</td>
<td>
Pas de prochaine facture
</td>
<td>
03/04/2020
</td>
</tr>
</tbody>
</table>
</div>
</div>
Спасибо за помощь!