Align the elements of the containers easily by adding one of the alignment classes.
You can add any type of alignment to any of the components and it will be affected.
* Add centered to the container to center its columns vertically and horizontally example:
<div class="e-cols centered">
<div class="e-col">...</div>
<div class="e-col">...</div>
</div>
* Add between to the container to maintain a spacing between each column. example:
<div class="e-cols between">
<div class="e-col">...</div>
<div class="e-col">...</div>
<div class="e-col">...</div>
</div>
* Add align-start to the container to align its columns at the beginning of the container, example:
<div class="e-cols align-start">
<div class="e-col">...</div>
<div class="e-col">...</div>
</div>
* Add align-end to the container to line up its columns at the end of the container, example:
<div class="e-cols align-start">
<div class="e-col">...</div>
<div class="e-col">...</div>
</div>
Simple classes to change the property display of the elements.
<div class="d-flex">..</div>
<div class="d-flex-grow">..</div>
<div class="d-block">..</div>.d-block{
display: block !important;
}
.d-flex{
display: flex !important;
}
.d-flex-grow{
flex-grow: 1 !important;
}If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.
