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