Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 10:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
docs/documentation/columns/basics.html
View File

@@ -1,29 +1,23 @@
---
title: Columns powered by Flexbox
layout: documentation
layout: docs
theme: library
doc-library: true
doc-tab: columns
doc-subtab: basics
breadcrumb:
- home
- documentation
- columns
- columns-basics
- home
- documentation
- columns
- columns-basics
---
{% capture columns %}
<div class="columns">
<div class="column">
First column
</div>
<div class="column">
Second column
</div>
<div class="column">
Third column
</div>
<div class="column">
Fourth column
</div>
<div class="column">First column</div>
<div class="column">Second column</div>
<div class="column">Third column</div>
<div class="column">Fourth column</div>
</div>
{% endcapture %}
@@ -33,7 +27,10 @@ breadcrumb:
<li>Add a <code>columns</code> container</li>
<li>Add as many <code>column</code> elements as you want</li>
</ol>
<p>Each column will have an <strong>equal width</strong>, no matter the number of columns.</p>
<p>
Each column will have an <strong>equal width</strong>, no matter the number
of columns.
</p>
</div>
<div class="columns">
@@ -52,5 +49,5 @@ breadcrumb:
</div>
<div class="bd-highlight-full">
{% highlight html %}{{ columns }}{% endhighlight %}
{% highlight html -%} {{- columns -}} {%- endhighlight %}
</div>