Position Components

It is used to display content that is fixed with position: fixed;

Fixed

This is a DIV with the style attribute position: fixed; preset.

The content width is set to the width of the parent element, not the window width.

Key Advantages
Why our 50,000+ users trust our platform
vue
<template>
 <Fixed
  top="50"
 >
  <b-div
   font-size="4"
   font-weight="bold"
  >
   Key Advantages
  </b-div>
  <b-div font-size="2">
   Why our 50,000+ users trust our platform
  </b-div>
 </Fixed>
</template>

Absolute and Relative

You can use <Relative /> and <Absolute /> as a shortcut for position="{position}".

vue
<template>
 <Relative>
  <Absolute
   :top="0"
   :start="0"
   translate="middle"
  />
  <Absolute
   :top="0"
   :start="50"
   translate="middle"
  />
  <Absolute
   :top="0"
   :start="100"
   translate="middle"
  />
  <Absolute
   :top="50"
   :start="0"
   translate="middle"
  />
  <Absolute
   :top="50"
   :start="50"
   translate="middle"
  />
  <Absolute
   :top="50"
   :start="100"
   translate="middle"
  />
  <Absolute
   :top="100"
   :start="0"
   translate="middle"
  />
  <Absolute
   :top="100"
   :start="50"
   translate="middle"
  />
  <Absolute
   :top="100"
   :start="100"
   translate="middle"
  />
 </Relative>
</template>

See Also