Как приспосабливать таблицу html в подвижном устройстве? [закрывшая]

Привет друзья у меня есть этот проект и я нуждаюсь в том, чтобы установить таблицу, которая эта:

Es esta tabla

Код этот:

<div class="container">
<div class="row">
<div class="col-md-12">
        <h2>VER ENTRADAS</h2>
<!-- Button trigger modal -->
  <a data-toggle="modal" href="#myModal" class="btn btn-default">Agregar</a>
<br><br>
  <!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Agregar</h4>
        </div>
        <div class="modal-body">
<form role="form" method="post" action="php/agregar.php">
  <div class="form-group">
    <label for="name">Nombre</label>
    <input type="text" class="form-control" name="name" required>
  </div>
  <div class="form-group">
    <label for="lastname">Apellido</label>
    <input type="text" class="form-control" name="lastname" required>
  </div>
  <div class="form-group">
    <label for="address">Domicilio</label>
    <input type="text" class="form-control" name="address" required>
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input type="text" class="form-control" name="email" >
  </div>
  <div class="form-group">
    <label for="phone">Telefono</label>
    <input type="text" class="form-control" name="phone" >
  </div>

  <button type="submit" class="btn btn-default">Agregar</button>
</form>
        </div>

      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

Поскольку они видят, я использовал Bootstrap и JQuery, все функционирует хорошо, но моя проблема - это, чтобы это приспосабливать к мобильному телефону для того, чтобы он появился правильно на экране.

0
задан 04.01.2017, 14:03
0 ответов

Показывать таблицу в мобильном телефоне осложнено ввиду большой информации, которая у него может быть (в зависимости от Ваших колонн).

Доказательство применяя этот css:

http://codepen.io/anon/pen/QwPVNW

1
ответ дан 03.12.2019, 17:53
  • 1
    Очень интересный, поскольку изменяет полный список, до списка - письма, очень хороший пример. –  04.01.2017, 03:57
  • 2
    Así как этот, этот ответ - комментарий. Соединения обычно ломаются, чтобы это решать podrí схвати добавлять snippet к твоему ответу и оставлять соединение как ссылка в " fuente" –  04.01.2017, 14:44