mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

new toc in utils and about and extend

Browse Source
This commit is contained in:
Mark Otto
2017-05-28 11:25:59 -07:00
parent c72cc98bd5
commit f682dec5c2
17 changed files with 37 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/utilities/position.md
+5 -5
View File
@@ -1,12 +1,12 @@
---
layout: docs
title: Position
description: Use these shorthand utilities for quickly configuring the position of an element.
group: utilities
toc: true
---
Position utilities are helpful for quickly placing a component outside the normal document flow. Choose from a handful of fixed or sticky position classes as needed.
### Fixed top
## Fixed top
Position an element at the top of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS.
@@ -14,7 +14,7 @@ Position an element at the top of the viewport, from edge to edge. Be sure you u
<div class="fixed-top">...</div>
{% endhighlight %}
### Fixed bottom
## Fixed bottom
Position an element at the bottom of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS.
@@ -22,7 +22,7 @@ Position an element at the bottom of the viewport, from edge to edge. Be sure yo
<div class="fixed-bottom">...</div>
{% endhighlight %}
### Sticky top
## Sticky top
Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The `.sticky-top` utility uses CSS's `position: sticky`, which isn't fully supported in all browsers.