sigbit-admin

sigbit-admin är byggt på Bootstrap v4.0.0-alpha.4. Samtliga, redan existerande komponenter är inkluderade. Utöver dessa har egna komponenter lagts till.

Bygga layout med Cards

Från och med Bootstrap 4 har panels, wells och thumbnails tagits bort och byts ut av komponenten Cards. Den vita boxen som den här paragrafen ligger i är ett card. Det är ett smidigt verktyg för att bygga upp visuella grupperingar och dela upp innehåll.

Kodexempel, card och grids

Grid Cards

Lägg en <div class="card"> direkt inuti en col-*-* för att bygga upp layouten med cards.

På grund av den extra paddingen som cards adderar i layouten bör man förslagsvis använda sig av col-lg-*.

Grid Cards Grid

Det går även att lägga ett grid inuti ett card, precis som i detta card. Placera en <div class="container-fluid"> och fyll sedan på med .row och .col-*-*, förslagsvis .col-md-*.

Därefter kan man strunta i card-classer så som .card-block eller .card-title. Element positionerar sig snyggt utan dem.