Responsive multi-column list

Uit MediaWikiGids
Versie door Bmulckhu (Overleg | bijdragen) op 21 feb 2019 om 18:49 (Pure CSS)

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

  • William Brown
  • Miss Havisham
  • Rupert Campbell-Black
  • Julien Sorel
  • Sherlock Holmes
  • Nigel Molesworth
  • Harriet M Welsch
  • Oskar Schell
  • Elinor Dashwood