Как скрывать колонну с Bootstrap4, когда уменьшается разрешение?

От какого способа было бы возможно скрывать колонну таблицы с bootstrap4, когда меняется разрешение экрана в меньшую одну? Например, в следующей таблице, скрывать колонну с "Lat, Lng" когда уменьшается browser:

Код таблицы нормальный:

<table class="table table-striped">
 <thead>
  <tr>
    <th>Place Name</th>
    <th>[ Lat, Lng ]</th>
    <th></th>
    <th></th>
  </tr>
 </thead>
 <tbody>
  <tr *ngFor="let place of places">
   <td>{{ place.address  }}</td>
   <td><small>[ {{ place.latitude }}, {{ place.longitude }} ]</small></td>
   <td><button type="button" class="btn btn-link" data-toggle="modal" data-target="#myModal" (click)="viewPlace(place)"><span class="fa fa-search-plus fa-lg"></span> view</button></td>
   <td><button type="button" class="btn btn-link" (click)="deletePlace(place)"><span class="fa fa-trash-o fa-lg"></span> delete</button></td>
  </tr>
 </tbody>
</table>
0
задан 14.03.2017, 23:42
1 ответ

Класс hidden-md-down не я funcionГі в bootstrap 4. UtilicГ© классы d-none и d-md-block. d-none скрывает всегда, но d-md-block показывает в устройствах tamaГ±o средний вверх.

Для mГЎs informaciГіn: https://getbootstrap.com/docs/4.0/utilities/display /

0
ответ дан 24.11.2019, 10:35