2017-01-02 20:46:06 +01:00
|
|
|
---
|
|
|
|
|
layout: docs
|
|
|
|
|
title: Position
|
2017-05-28 20:25:59 +02:00
|
|
|
description: Use these shorthand utilities for quickly configuring the position of an element.
|
2017-01-02 20:46:06 +01:00
|
|
|
group: utilities
|
2017-05-28 20:25:59 +02:00
|
|
|
toc: true
|
2017-01-02 20:46:06 +01:00
|
|
|
---
|
|
|
|
|
|
2017-08-08 07:36:57 +02:00
|
|
|
## Common values
|
|
|
|
|
|
|
|
|
|
Quick positioning classes are available, though they are not responsive.
|
|
|
|
|
|
2019-01-08 17:33:28 +01:00
|
|
|
{{< highlight html >}}
|
2017-08-08 07:36:57 +02:00
|
|
|
<div class="position-static">...</div>
|
|
|
|
|
<div class="position-relative">...</div>
|
|
|
|
|
<div class="position-absolute">...</div>
|
|
|
|
|
<div class="position-fixed">...</div>
|
|
|
|
|
<div class="position-sticky">...</div>
|
2019-01-08 17:33:28 +01:00
|
|
|
{{< /highlight >}}
|
