هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق.
هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق.
هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق.
هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق.
By default, columns are only activated from
tablet onwards. This means columns are stacked on top of each other on
mobile.
If you want columns to work on
mobile too, just add the is-mobile
modifier on the columns
container:
1
2
3
4
<div class="columns is-mobile">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
</div>
Resize
If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.
If you
only want columns on
desktop upwards, just use the is-desktop
modifier on the columns
container:
1
2
3
4
<div class="columns is-desktop">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
</div>
القوالب المتاحة