Fixed
スタイル属性にposition: fixed;がプリセットされたDIVです。
コンテンツ幅はウィンドウ幅ではなく、親要素の幅が設定されます。
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
position="{position}" のショートカットとして <Relative /> や <Absolute />を使用することができます。
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>