时间戳

首页 > 解决方案 > 如何仅在手机和平​​板电脑等小屏幕上显示无引导列？

html - 如何仅在手机和平​​板电脑等小屏幕上显示无引导列？

问题描述

我的代码中有一行三列。我想将第一列隐藏在小设备中，而不是大屏幕中。我试过这段代码但没有解决。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" >
<div class="row">
  <div class="d-none d-sm-block col-sm-2 ">
    Remove this column in small device Not on large screen
  </div>

  <div class="col-sm-7">
    Visiable on small or large
  </div>

  <div class="col-sm-3 ">
    Visiable on small or large
  </div>

</div>

如何在小屏幕设备中隐藏第一列并显示第二列和第三列？

标签： htmlcssbootstrap-4

解决方案

以这种方式放置您的代码..

在小设备中删除此列 不在大屏幕上

推荐阅读