时间戳

首页 > 解决方案 > 如何使用 Bulma 隐藏断点平板下的列？

css - 如何使用 Bulma 隐藏断点平板下的列？

问题描述

给定以下 html ：

<div class="columns">
  <div class="column">Always here</div>
  <div class="column">Hidden on mobile</div>
  <div class="column">Always here</div>
</div>

如何使中间列隐藏在移动设备上？

注意：我在官方文档上没有找到关于这个“隐藏”功能的帮助。

标签： cssbulma

解决方案

is-hidden-mobile隐藏在移动设备is-hidden-touch上，同时隐藏在移动设备和平板电脑上。隐藏功能位于响应式助手下的官方文档中：

https://bulma.io/documentation/helpers/visibility-helpers/#hide

推荐阅读