Download Github
English

Hide or show items

Utility through which an element can be hidden in a breakpoint.

To display an item on any screen size, the nkn-show class is used.

Hide items
Breakpoint Class
On all screen sizes nkn-hide
Small (s) nkn-hide-s
Medium (m) nkn-hide-m
Large (l) nkn-hide-l
Extra large (xl) nkn-hide-xl
Show items
Breakpoint Class
On all screen sizes nkn-show

Uso

  1. Use the nkn-hide class to hide the element at all screen sizes.
  2. Use the nkn-hide-s class if you want to hide the element on small screens.
  3. Use the nkn-hide-m class if you want to hide the element on medium screens.
  4. Use the nkn-hide-l class if you want to hide the element large screens.
  5. Use the nkn-hide-xl class if you want to hide the element on extra large screens.
  6. Use the nkn-show class to display the item in all screen sizes.

Example

HTML Snippet