lg-desktopXXL (Extra extra Large- Desktop)

lg-desktopXL (Extra large - Desktop)

md-laptopLG (Large - Desktop)

sm-tabletMD (Medium - Tablet)

sm-tabletSM (Small - Tablet)

xs-phoneXS (Extra small - Phone)

  • Bootstrap versie:5.0.2
  • Over Bootstrap:www.getbootstrap.com
  • Breedte bootstrap:>1400px
  • Breedte browservenster: px
  • Class prefix .col-xxl-
  • Bootstrap versie:5.0
  • Over Bootstrap:www.getbootstrap.com
  • Browservenster breedte:>1200px
  • Breedte browservenster: px
  • Class prefix .col-xl-
  • Bootstrap versie:5.0
  • Over Bootstrap:www.getbootstrap.com
  • Browservenster breedte:>992px
  • Breedte browservenster: px
  • Class prefix .col-lg-
  • Bootstrap versie:5.0
  • Over Bootstrap:www.getbootstrap.com
  • Browservenster breedte:>768px
  • Breedte browservenster: px
  • Class prefix .col-md-
  • Bootstrap versie:5.0
  • Over Bootstrap:www.getbootstrap.com
  • Browservenster breedte:>576px
  • Breedte browservenster: px
  • Class prefix .col-sm-
  • Bootstrap versie:5.0
  • Over Bootstrap:www.getbootstrap.com
  • Browservenster breedte:>576px
  • Breedte browservenster: px
  • Class prefix .col-

arrow gutter

Gutter van 15px aan iedere zijde

Max container breedte 1300

Max container breedte 1115px

Max container breedte 936px

Max container breedte 695px

Max container breedte 515px

Max container breedte geen (auto)


85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px

85px

70px

56px

36px

32px


635px

545px

455px

335px

245px

50%

635px

545px

455px

335px

245px

50%


415px

355px

295px

215px

155px

33%

415px

355px

295px

215px

155px

33%

415px

355px

295px

215px

155px

33%


305px

260px

215px

155px

100px

25%

305px

260px

215px

155px

100px

25%

305px

260px

215px

155px

100px

25%

255px

210px

170px

105px

25%


Kolommen / grid

Het aantal kolommen van een element in het 12-koloms grid kan per view verschillend worden ingesteld.

3 kolommen

4 kolommen

6 kolommen

12 kolommen

12 kolommen

afbeelding 1

3 kolommen

4 kolommen

6 kolommen

afbeelding 2

3 kolommen

4 kolommen

afbeelding 3

3 kolommen

4 kolommen

afbeelding 4