För att komponenterna ska få ett enhetligt beteende måste du följa styleguidens brytpunkter. Du kan därför välja vilket gridsystem du vill men vi rekommenderar att du använder Bootstrap grid.
Tidigare låg version 4.0.0 av Bootstrap grid som en del av styleguidens CSS, detta har vi tagit bort eftersom vi inte vill tvinga våra användare att använda Bootstrap grid utan vill överlåta det valet till utvecklarna i respektive projekt.
Du kan alltså välja vilket gridsystem du vill under förutsättning att du använder styleguidens brytpunkter.
Om du vill fortsätta använda Bootstrap grid går det bra och vi rekommenderar att du går till deras hemsida för hämta ner deras grid till ditt system. Version 4.0.0 finns fortfarande kvar i styleguiden om du vill fortsätta använda det.
<link rel="stylesheet"
href="https://cdn.jordbruksverket.se/designsystem/18.6.1/package/dist/release/assets/bootstrap-grid.css"
integrity="sha256-eoVPzZnqP5OLfBmnGNDvG+6C+L8wLmo5qrK/DreNRoE="
crossorigin="anonymous"/>
Version 4.0.0 av Bootstrap grid ligger även med i styleguidens npm paket och kan läggas in i ditt system med en SCSS import.
@import url("~@sjv/component-library/dist/release/assets/bootstrap-grid.css");
Extra small | Small | Medium | Large | Extra large | |
Max container bredd | <576px | ≤576px | ≥768px | ≥992px | ≥1200px |
Class prefix | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
Passar för | Stående mobil | Liggande mobil | Platta | Laptop | Laptop och desktop |
Läs Bootstraps egna information om hur gridsystemet kan användas. Länk till annan webbplats.