使用 Bootstrap 4 隐藏表列

2024-05-29

我知道 Bootstrap 4 使用新的显示实用程序 https://getbootstrap.com/docs/4.0/utilities/display/根据屏幕尺寸显示或隐藏信息。我的问题是如何使这些与表格一起使用?由于屏幕尺寸较小,我想删除列。

我用过“d-xs-none”,但没有任何效果。但是,当我使用“d-sm-none”时,当尺寸为“sm”或更大(与我需要的完全相反)时,列将被删除。如果我尝试“d-none d-xs-none”,该列永远不会显示。如:<th class="text-center d-none d-xs-none" scope="col">Location</th>

基本上,您能给我展示一个在将浏览器大小调整为移动设备时隐藏表格列的示例吗?感谢您的帮助!


尝试使用d-none d-sm-table-cell https://getbootstrap.com/docs/4.0/utilities/display/对于表列。具有这些类的列不会显示在 xs 上。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Bootstrap 4 隐藏表列 的相关文章

随机推荐

  • 了解Kafka流groupBy和window

    我无法理解 kafka 流中的 groupBy groupById 和窗口的概念 我的目标是聚合一段时间内 例如 5 秒 的流数据 我的流数据看起来像 value 0 time 1533875665509 value 10 time 153
  • 在 R 中收集多组列[重复]

    这个问题在这里已经有答案了 我有一个宽数据框 需要将其收集或融化成一个高数据框 我遇到的问题是我有几组列需要保持关联 分组 我每个表单提交有 2 个用户 每个用户有 3 列数据 我想将这 6 列基本上以 3 组的形式堆叠起来 以便每个用户都
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 使用ios sdk在youtube上上传视频的方法[重复]

    这个问题在这里已经有答案了 可能的重复 如何从 iOS 应用程序中将视频上传到 YouTube https stackoverflow com questions 3528568 how do i upload a video to you
  • 不同 C++ 文件中的相同类名

    如果两个 C 文件具有相同名称的类的不同定义 那么当它们被编译和链接时 即使没有警告也会抛出一些东西 例如 a cc class Student public std string foo return A void foo a Stude
  • 求解非线性方程组

    我正在尝试求解以下四个方程组 我尝试过使用 rootSolve 包 但似乎我无法通过这种方式找到解决方案 我正在使用的代码如下 model lt function x F1 lt sqrt x 1 2 x 3 2 1 F2 lt sqrt
  • 更新到 IntelliJ IDEA Ultimate 2016.2 后找不到 Grails 应用程序

    我已将我的 IntelliJ IDEA Ultimate 更新到 2016 2 版本 我有一个 Grails 3 项目 现在当我打开 IDE 时尝试运行我的项目时出现以下错误 Error running Grails My Project
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • 假装 .NET 字符串是值类型

    在 NET 中 字符串是不可变的 并且是引用类型变量 这通常会让新的 NET 开发人员感到惊讶 因为他们的行为可能会将它们误认为是值类型对象 然而 除了使用实践StringBuilder对于长连接 尤其是 在循环中 在实践中是否有任何理由需
  • 如何使用 PHP 将字符串按大写字母分解?

    我有一个字符串 CamelCaseString 我想对大写字母进行explode split 或一些更好的方法来将该字符串分解为单个单词 最简单的方法是什么 解决方案更新 此链接指向一个略有不同的问题 但我认为答案通常比本页当前问题的答案更
  • Easymock isA 与 anyObject

    有什么区别 EasyMock isA String class and EasyMock anyObject String class 或提供的任何其他类别 在什么情况下你会使用其中一种而不是另一种 区别在于检查 Null 值 当 null
  • 响应式文件管理器缩略图未显示

    使用响应式文件管理器 9 11 3 对话框窗口 GUI 中未显示缩略图 空白 在 ftp 缩略图中图片创建成功 文件夹 拇指 权限 755 文件权限 644 我更改为 755 仍然没有显示在对话框窗口中 拇指大小为 2 4kb 我终于找到了
  • Facebook ids_for_pages 返回“需要拥有企业”

    我正在尝试从 Messenger 和 private replies API 调用连接同一用户的 2 个作用域 ID 当我使用 private replies senderId 调用 ids for pages 时 我得到以下响应 erro
  • 如何处理包内部的 R 数据?

    我正在开发的 R 包需要多个 R 数据对象 例如预先计算的模型和参数 目前 我将包的 数据 目录中的每个对象放在单独的 RData 文件中 使用该包时 用户可以使用 数据 功能将这些对象附加到他们的环境中 我想要的行为是 在加载包时 数据对
  • 具有屏蔽无效值的 pcolormesh

    我试图将一维数组绘制为 pcolormesh 因此颜色沿 x 轴变化 但每个 x 的 y 轴保持不变 但我的数据有一些错误值 因此我使用屏蔽数组和自定义颜色图 其中屏蔽值设置为蓝色 import numpy as np import mat
  • 什么是空终止字符串?

    它与什么不同标准 字符串 http www cplusplus com reference string string 字符串 实际上只是一个数组chars 空终止字符串是指其中包含空字符的字符串 0 标记字符串的结尾 不一定是数组的结尾
  • PyTorch DataLoader 对并行运行的批次使用相同的随机种子

    有一个bug https tanelp github io posts a bug that plagues thousands of open source ml projects 在 PyTorch Numpy 中 当并行加载批次时Da
  • git 从存储中删除文件

    我有一个藏匿处 里面有一堆文件 但由于文件冲突 我无法应用我的存储 我已经在我的存储中发现了有问题的文件 我想将其删除 如何从存储中删除单个文件而不破坏整个文件 存储是一次提交 或者实际上是两次甚至有时是三次提交 并且您无法更改提交 那么
  • Google Wallet for Digital Goods API 与 Google Play 应用内结算

    想知道 Google 电子钱包结算 API 和 Google Play 应用内结算之间有什么区别 与 Google 电子钱包结算 API 相比 使用 GooglePlay 应用内购买结算服务有何优势 我看到 Wallet API 也支持 A
  • 使用 Bootstrap 4 隐藏表列

    我知道 Bootstrap 4 使用新的显示实用程序 https getbootstrap com docs 4 0 utilities display 根据屏幕尺寸显示或隐藏信息 我的问题是如何使这些与表格一起使用 由于屏幕尺寸较小 我想