Как разбить bootstrap стол в мобильном? - PullRequest
Новая
       6

Как разбить bootstrap стол в мобильном?

0 голосов
/ 04 февраля 2020

Я пытаюсь создать адаптивную таблицу, которая объединяет ячейки в строки на мобильном устройстве. Я пытаюсь выполнить sh это с помощью bootstrap классов утилит отображения, но не могу найти примеры того, как их точно использовать. 

<table class='table table-bordered table-condensed table-striped table-hover'>
  <tr>
    <td class="d-table-row d-sm-table-cell">inline normally, full width on mobile</td>
    <td class="d-table-row d-sm-table-cell">Nama</td>
    <td class="d-table-row d-sm-table-cell">Email</td>
  </tr>
</table>

Демонстрационная версия делает это, но ячейки ломаются в уродливой манере и теряют свою набивку et c. Есть ли лучший способ и разметка, как это сделать?

https://codepen.io/clientagency/pen/GRJKmyK

...