Responsive multi-column list

Uit MediaWikiGids
Versie door Bmulckhu (Overleg | bijdragen) op 21 feb 2019 om 16:47 (Nieuwe pagina aangemaakt met 'Een veel gebruikte manier om een lijst netjes weer te geven, is door de lijst verdelen over een aantal kolommen. Om de weergave op schermen van verschillende groott...')

(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Ga naar: navigatie, zoeken

Een veel gebruikte manier om een lijst netjes weer te geven, is door de lijst verdelen over een aantal kolommen. Om de weergave op schermen van verschillende grootte te optimaliseren, moet het aantal kolommen afnemen bij kleinere schermen.

Oplossing met Bootstrap

NB: De sorteer-richting bij deze oplossing is "per rij" oftewel "van links naar rechts".

  • Cell_1
  • Cell_2
  • Cell_3
  • Cell_4
  • Cell_5
  • Cell_6
  • Cell_7

Pure CSS

Zie : voorbeeld