Visibility helpers

Bulma documentation

Show

You can use one of the following display modifiers:

  • b.VisibilityBlock
  • b.Flex
  • b.Inline
  • b.InlineBlock
  • b.InlineFlex

Methods to display on specific breakpoints:

  • .Mobile()
  • .TabletOnly()
  • .DesktopOnly()
  • .WidescreenOnly()

Methods to display up to or from a specific breakpoint:

  • .Touch()
  • .Tablet()
  • .Desktop()
  • .Widescreen()
  • .FullHD()

Hide

Modifiers to hide on specific breakpoints:

  • b.Hidden.Mobile()
  • b.Hidden.TabletOnly()
  • b.Hidden.DesktopOnly()
  • b.Hidden.WidescreenOnly()

Modifiers to hide up to or from a specific breakpoint:

  • b.Hidden.Touch()
  • b.Hidden.Tablet()
  • b.Hidden.Desktop()
  • b.Hidden.Widescreen()
  • b.Hidden.FullHD()

Other visibility helpers

ModifierResult
b.InvisibleAdd visibility hidden
b.SrOnlyHide elements visually but keep the element available to be announced by a screen reader