Wij gebruiken cookies om uw ervaring beter te maken. Om te voldoen aan de cookie wetgeving, vragen we uw toestemming om de cookies te plaatsen. Meer informatie.
Responsive utilities
For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.
Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.
Available classes
Use a single or combination of the available classes for toggling content across viewport breakpoints.
| Extra small devices Phones (<768px) | Small devices Tablets (≥768px) | Medium devices Desktops (≥992px) | Large devices Desktops (≥1200px) | |
|---|---|---|---|---|
.visible-xs-* |
Visible | Hidden | Hidden | Hidden |
.visible-sm-* |
Hidden | Visible | Hidden | Hidden |
.visible-md-* |
Hidden | Hidden | Visible | Hidden |
.visible-lg-* |
Hidden | Hidden | Hidden | Visible |
.hidden-xs |
Hidden | Visible | Visible | Visible |
.hidden-sm |
Visible | Hidden | Visible | Visible |
.hidden-md |
Visible | Visible | Hidden | Visible |
.hidden-lg |
Visible | Visible | Visible | Hidden |
As of v3.2.0, the .visible-*-* classes for each breakpoint come in three variations, one for each CSS display property value listed below.
| Group of classes | CSS display |
|---|---|
.visible-*-block |
display: block; |
.visible-*-inline |
display: inline; |
.visible-*-inline-block |
display: inline-block; |
So, for extra small (xs) screens for example, the available .visible-*-* classes are: .visible-xs-block, .visible-xs-inline, and .visible-xs-inline-block.
The classes .visible-xs, .visible-sm, .visible-md, and .visible-lg also exist, but are deprecated as of v3.2.0. They are approximately equivalent to .visible-*-block, except with additional special cases for toggling <table>-related elements.
Print classes
Similar to the regular responsive classes, use these for toggling content for print.
| Classes | Browser | |
|---|---|---|
.visible-print-block .visible-print-inline .visible-print-inline-block |
Hidden | Visible |
.hidden-print |
Visible | Hidden |
The class .visible-print also exists but is deprecated as of v3.2.0. It is approximately equivalent to .visible-print-block, except with additional special cases for <table>-related elements.
Test cases
Resize your browser or load on different devices to test the responsive utility classes.
1. Visible on...
Green checkmarks indicate the element is visible in your current viewport.
Extra small ✔ Visible on x-small
Small ✔ Visible on small
Medium ✔ Visible on medium
Large ✔ Visible on large
✔ Visible on x-small and small
✔ Visible on medium and large
✔ Visible on x-small and medium
✔ Visible on small and large
✔ Visible on x-small and large
✔ Visible on small and medium
2. Hidden on...
Here, green checkmarks also indicate the element is hidden in your current viewport.
Mijn verlanglijst
Laatst toegevoegde artikelen
U hebt niets op uw verlanglijst staan.
Dit zeggen onze klanten:
Betaal in 3 termijnen met iDeal In3!
Snelle levering
Voor 12:30 besteld, is meestal de volgende dag al in huis. Wij streven naar een levertijd van maximaal 2 werkdagen tussen het moment van bestelling en levering. Bij een langere levertijd wordt dit duidelijk bij het product vermeld. Bij de computers is het streven van een levertijd tussen de 2 en 5 werkdagen.
Niet tevreden geld terug!
Indien u niet 100% tevreden bent over een product, mag u deze binnen 2 weken zonder opgaaf van reden retourneren.
Betaling & Verzending
U betaalt maximaal € 5,95 (NL) of € 6,95 (BE) per bestelling. Vanaf € 100,- (inc. btw) betaalt u geen verzendkosten!
Betaling & Verzending
Intra-Communautaire levering
Indien u uit belgie komt en een bestelling op de zaak en exclusief BTW wilt plaatsen dan graag even contact opnemen via: verkoop@lalashops.nl
Klantgerichte service
Bij ons staat de klant nog echt centraal. Wij zijn dan ook zeer trots op onze Klantbeoordelingen!
