diff --git a/docs/documentation/columns/options.html b/docs/documentation/columns/options.html index e97ebb12..6695962a 100644 --- a/docs/documentation/columns/options.html +++ b/docs/documentation/columns/options.html @@ -10,6 +10,17 @@ breadcrumb: - columns-options --- +{% capture columns_vcentered %} +
+
+

First column

+
+
+

Second column with more content. This is so you can see the vertical alignment.

+
+
+{% endcapture %} + {% capture columns_multiline %}
@@ -87,6 +98,23 @@ breadcrumb:
{% endcapture %} +{% include elements/anchor.html name="Vertical alignment" %} + +
+

To align your columns vertically, add the is-vcentered modifier to the columns container.

+
+ +
+
+

First column

+
+
+

Second column with more content. This is so you can see the vertical alignment.

+
+
+ +{% highlight html %}{{ columns_vcentered }}{% endhighlight %} + {% include elements/anchor.html name="Multiline" %}