2017-01-02 11:46:06 -08:00
|
|
|
---
|
|
|
|
|
layout: docs
|
|
|
|
|
title: Position
|
2017-05-28 11:25:59 -07:00
|
|
|
description: Use these shorthand utilities for quickly configuring the position of an element.
|
2017-01-02 11:46:06 -08:00
|
|
|
group: utilities
|
2017-05-28 11:25:59 -07:00
|
|
|
toc: true
|
2017-01-02 11:46:06 -08:00
|
|
|
---
|
|
|
|
|
|
2017-08-07 22:36:57 -07:00
|
|
|
## Common values
|
|
|
|
|
|
|
|
|
|
Quick positioning classes are available, though they are not responsive.
|
|
|
|
|
|
2019-01-08 18:33:28 +02:00
|
|
|
{{< highlight html >}}
|
2017-08-07 22:36:57 -07: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 18:33:28 +02:00
|
|
|
{{< /highlight >}}
|
