Example 1:
Tip TopDisplay Tip
Tip RightDisplay Tip
Tip LeftDisplay Tip
Tip BottomDisplay Tip
Code:
<p class="vtip vtip-t vm-tip-b vs-tip-t">Tip Top
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-r vm-tip-l vs-tip-t">Tip Right
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-l vm-tip-r vs-tip-t">Tip Left
<span class="vtip-div">Display Tip</span>
</p>
<p class="vtip vtip-b vm-tip-t vs-tip-t">Tip Bottom
<span class="vtip-div">Display Tip</span>
</p>
Example 1:
Pull Right
Large Pull Left | Medium Pull Right
Small Pull Left
Code:
<p class="vflo-r">Show for Tablets up.</p>
<p class="vl-flo-l vm-flo-r">Large Pull Left | Medium Pull Right</p>
<p class="vs-flo-l">Small Pull Center</p>
Example:
Show for Tablets up.
Show for Phones only.
Code:
<p class="vdis-n vl-dis-b vm-dis-b">Show for Tablets up.</p>
<p class="vdis-n vs-dis-b">Show for Phones only.</p>
Example:
Show for Desktops and Phones only.
Code:
<p class="vvis-h vl-vis-v vs-vis-v">Show for Desktops and Phones only.</p>
