当前位置: 首页 > 知识库问答 >
问题:

不使用移动/引导上的属性

西门鹏程
2023-03-14

如上所述,我不希望在移动设备上的div上有属性。

到目前为止,我已经做到了这一点,它可以与chrome一起使用,但可能不适用于其他浏览器:

 <div collapse="true" class="visible-xs">
 <div class="hidden-xs">
    ...
 </div>

这样做的正确方法是什么?有没有办法不用js就能逃脱?

谢谢

共有1个答案

危斯伯
2023-03-14

当你说'not have a Properties on a div'时,你是指如何在移动设备上隐藏div吗?如果是这样,代码片段中的第二个div应该可以跨浏览器工作,这要归功于class="hive-xs"。

代码段中的第一个div将仅在具有xs范围内的视口的设备上显示(

使用您编写的内容将根据设备的视口大小向用户显示单独的内容。

 类似资料:
  • 问题内容: 我在右列中有2列和嵌套行,如何使Bootstrap响应如下, 布局: 这是我的代码: 使用此代码,移动版本为1 3 2的订单为1 2 3。 问题答案: 因为Bootstrap 4使用的是flexbox,所以 列的高度总是相等的 ,因此您将无法获得所需的桌面(lg)布局。 一种选择 是禁用的flexbox 。使用 浮点数 ,以使1,3列自然向右拉,因为2更高。Flexbox 将在移动设备

  • 问题内容: 我有一个简单的引导网格布局。我不希望这些列即使在小型设备上也垂直堆叠。 问题答案: 这些列是垂直堆叠的,因为您使用的是 Bootstrap 4 ,并且不再使用中缀。只需使用..

  • 我有一个基于Bootstrap ver2 css框架的响应性WP主题。一切都可以在桌面上运行:如果测试的大小不同(针对不同的媒体查询),则没有问题。但如果我在电话上测试,则不会加载媒体查询。有什么问题吗。 网站链接:http://moldovan.szanto-zoltan.com/ p、 s:标题包含此项以适合设备宽度

  • 我使用自动配置(仅通过注释)运行Spring启动和kafka,并在.yaml文件中定义了道具,即: 它工作得很好,spring maps即字段group-id正确。 但是当我尝试使用相同的yaml文件手动配置Kafka(使用消费者工厂和消费者配置)时,我遇到了问题。在类中,消费者配置Kafka属性以 命名。在名称中,而不是 _ 即: 所以我不能把它们加载到map中,然后把map传递给Consume

  • 问题内容: 我在移动设备(Bootstrap2)上的Bootstrap菜单下拉菜单中遇到问题。这里使用下拉按钮也提出了类似的问题,但是答案是引导程序中的一个固有错误,该错误已在更新中解决。我似乎遇到了同样的问题,所以可能是因为我的标记问题? 我有一个带有下拉菜单的可折叠导航栏,所有功能在桌面浏览器上均能完美运行。但是,在移动设备上,当您单击下拉菜单时,下拉菜单将打开,但是单击任何下拉链接将仅再次折

  • 我已经调试了一整天,几乎尝试了互联网上所说的所有方法,但我仍然没有正确理解。 我使用Spring Boot和log4j2进行日志记录,因为我希望将日志写入文件而不是控制台。当我启动Spring Boot时,日志文件被成功创建,但我看不到文件上写着“Hello Philippine”。我希望你们能帮我。 这是我的Spring Boot应用程序: 我的log4j2。xml 我的POM: 我的申请表上没