Bootstrap 4：.table-sensitive变为水平滚动时显示图标

Question

我正在使用Bootstrap 4构建一个Rails应用程序。我要显示很多大表，并且由于该应用程序用户不是很精通技术，所以我想在整个表都不适合他们时显示提示。屏幕并滚动。有关如何实现这一目标的任何提示？

Answer 1

您可以将alert与class="something"添加在一起。

<div class="alert alert-primary something" role="alert">
  The table is scrollable!!!
</div>

然后，在CSS文件中，您可以执行以下操作：

.something{
  display: none;
}

然后还编写媒体查询以更新something类以显示块。

@media (min-width: 576px) {
  .something{
      display: block;
    }
}

结果：在窗口尺寸减小到576px之前，它不会显示警报。