flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Align


Introductie

Met deze classes kun je tekst en elementen een plaats op het scherm geven.

Met de fixatie classes kunt je elementen bovenaan of onderaan bevestigen.


Voorbeeld text

Klik op de Class naam om deze te kopiëren.

center

left

right

justify


Voorbeeldcode:

<h3 class="center">center</h3>
<h3 class="left">left</h3>
<h3 class="right">right</h3>
<h3 class="justify">justify</h3>		

Voorbeeld elements

Klik op de Class naam om deze te kopiëren.


float-left

float-right

float-center


Voorbeeldcode:

<div class="c-blue float-left" style="width: 100px;height: 100px;">
  <p class="center">float-left</p>
</div>
<div class="c-blue float-right" style="width: 100px;height: 100px;">
  <p class="center">float-right</p>
</div>
<div class="c-blue float-center" style="width: 100px;height: 100px;">
  <p class="center">float-center</p>
</div>

Voorbeeld fixt top

Klik op de Class naam om deze te kopiëren.

top


Voorbeeldcode:

<div class="container padding-32 center c-black top"><p>top</p></div>
<div class="container-sm" style="padding-top: 110px;">
  <h1>Scroll</h1>
  <p class="lorum-lg"></p>
  <p class="lorum-lg"></p>
  <p class="lorum-lg"></p>
</div>

Voorbeeld fixt bottom

Klik op de Class naam om deze te kopiëren.

bottom


Voorbeeldcode:

<div class="container padding-32 center c-black bottom"><p>bottom</p></div>
<div class="container-sm" style="padding-bottom: 110px;">
<h1>Scroll</h1>
<p class="lorum-lg"></p>
<p class="lorum-lg"></p>
<p class="lorum-lg"></p>
</div>


© Copyright by Web Henkie
All right reserved
Webmaster