Test Case: Scénáře pro grid v2
1. Otočení sloupců
- Přidáním třídy "grid-reverse" na sekci se na mobilních zařízením otočí pořadí sloupců
Mobilní telefony vás zblbnou
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin. Nullam viverra, neque sed pulvinar efficitur, mauris lorem suscipit ipsum.
Pořiďte si radši skateboard
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin. Nullam viverra, neque sed pulvinar efficitur, mauris lorem suscipit ipsum.
2. Změna počtu sloupců
- Třída podle vzoru "grid-md-{počet sloupců}" vynutí daný počet sloupců gridu na středně velkých zařízeních (tablet)
- Seznam tříd: grid-md-2, grid-md-3, grid-md-3, grid-md-4, grid-md-5, grid-md-6, grid-md-7
Služby
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin.
Produkty
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin.
Poradci
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna.
Služby
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna.
Produkty
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna.
Poradci
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna.
3. Otočení sudých sloupců
- Určeno pro delší sekce se střídavým vyskládáním obrázku a textu
- Třída "grid-reverse-odd" otočí jen sudé sloupce
- Stejným způsobem pro liché sloupce funguje i třída "grid-reverse-even"
Mobilní telefony vás zblbnou
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin. Nullam viverra, neque sed pulvinar efficitur, mauris lorem suscipit ipsum.
Mobilní telefony vás zblbnou
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut enim magna. Aliquam porta id lectus quis sollicitudin. Nullam viverra, neque sed pulvinar efficitur, mauris lorem suscipit ipsum.