如何使用Bulma在断点平板电脑下隐藏列？

Question

鉴于以下html:

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

如何让中间栏隐藏在手机上？

注意:我在官方文档上找不到这个"隐藏"功能的帮助.

Answer 1

is-hidden-mobile隐藏在手机上,is-hidden-touch隐藏在手机和平​​板电脑上.隐藏功能位于响应式帮助程序下的官方文档中:

https://bulma.io/documentation/modifiers/responsive-helpers/#hide

Answer 2

隐藏式手机可以解决问题

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