By applying a class of bg-light or bg-dark, you will get a colored background. This was made for use on section-row.
Text and headings inside bg-dark is set to white.
Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.
Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.
<div class="bg-light">
<h1 class="h3">Light background</h1>
<p>Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.</p>
</div>
<div class="bg-dark">
<h1 class="h3">Dark background</h1>
<p>Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.</p>
</div>
Custom background images. Example usages on section-row
Section text content
<section class="section-row bg-dark--hostpital">
<div class="container">
<h1 class="section__title">Section title</h1>
<div class="section__main">
<p>Section text content</p>
</div>
</div>
</section>
| Class | Description |
|---|---|
bg-dark--hostpital |
Dark image of nurse and patient |
bg-dark--open-office-landscape |
Dark image of office landscape |