A container with a maximum width of $screen-lg-max
A container with a maximum width of $screen-lg-max
<div class="container"></div>Floats an element to the left edge of the container.
<div class="pull-left">Floating to the left</div>
<div class="clearfix"></div>Floats an element to the right edge of the container.
<div class="pull-right">Floating to the right</div>
<div class="clearfix"></div>Used to clear floats. Can be used either on a div after a floated element or directly on the container.
<div class="clearfix"></div>HbgPrime's grid system is a 12 column responsive grid.
ATTENTION: Remove the .grid-example class before using.
<div class="grid grid-example">
<div class="grid-md-3">grid-md-3</div>
<div class="grid-md-9">grid-md-9</div>
</div>The website's main footer
<footer class="main-footer">
<div class="container">
<div class="grid">
<div class="grid-lg-12">
<a href="/" class="logotype"><img src="http://www.helsingborg.se/wp-content/themes/This-is-Helsingborg/assets/images/helsingborg-neg.svg" alt="Helsingborg Stad" width="239" height="68"></a>
</div>
</div>
<div class="grid">
<div class="grid-lg-6">
<ul>
<li><strong>Telefonnummer</strong></li>
<li>Helsingborg kontaktcenter: 042-10 50 00</li>
</ul>
<ul>
<li><strong>E-post</strong></li>
<li><a href="mailto:kontaktcenter@helsingborg.se" class="link-item link-item-light">kontaktcenter@helsingborg.se</a></li>
</ul>
</div>
<div class="grid-lg-6">
<ul>
<li><strong>Postadress</strong></li>
<li>Namn på verksamheten<br>251 89 Helsingborg</li>
</ul>
</div>
</div>
</div>
</footer>