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

Reorganize index

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-10 11:45:48 +01:00
parent f123eb9562
commit 79888359d2
30 changed files with 657 additions and 2626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
docs/documentation/columns/gap.html
View File

@@ -13,22 +13,22 @@ breadcrumb:
{% capture columns_default_gap %}
<div class="columns">
<div class="column">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
Default gap
</p>
</div>
<div class="column">
<p class="bd-notification is-success">
<p class="bd-notification is-primary">
Default gap
</p>
</div>
<div class="column">
<p class="bd-notification is-warning">
<p class="bd-notification is-primary">
Default gap
</p>
</div>
<div class="column">
<p class="bd-notification is-danger">
<p class="bd-notification is-primary">
Default gap
</p>
</div>
@@ -106,16 +106,16 @@ breadcrumb:
<div class="columns is-gapless">
<div class="column">
<p class="bd-notification is-info">First column</p>
<p class="bd-notification is-primary">First column</p>
</div>
<div class="column">
<p class="bd-notification is-success">Second column</p>
<p class="bd-notification is-primary">Second column</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Third column</p>
<p class="bd-notification is-primary">Third column</p>
</div>
<div class="column">
<p class="bd-notification is-danger">Fourth column</p>
<p class="bd-notification is-primary">Fourth column</p>
</div>
</div>
@@ -129,31 +129,31 @@ breadcrumb:
<div class="columns is-multiline is-mobile is-gapless">
<div class="column is-one-quarter">
<p class="bd-notification is-info"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-success"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-warning"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-danger"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-half">
<p class="bd-notification is-info"><code>is-half</code></p>
<p class="bd-notification is-primary"><code>is-half</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-success"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-warning"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-danger"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column">
<p class="bd-notification is-info">Auto</p>
<p class="bd-notification is-primary">Auto</p>
</div>
</div>
@@ -169,13 +169,6 @@ breadcrumb:
<span class="tag is-warning">Experimental</span>
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">New</span>
<span class="tag is-info">0.5.2</span>
</div>
</div>
</div>
<div class="content">

42
docs/documentation/columns/options.html
View File

@@ -45,7 +45,7 @@ breadcrumb:
{% capture columns_mobile_centered %}
<div class="columns is-mobile is-centered">
<div class="column is-half is-narrow">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code><br>
<code class="html">is-narrow</code>
</p>
@@ -56,31 +56,31 @@ breadcrumb:
{% capture columns_mobile_multiline_centered %}
<div class="columns is-mobile is-multiline is-centered">
<div class="column is-narrow">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-narrow</code><br>
First Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-success">
<p class="bd-notification is-primary">
<code class="html">is-narrow</code><br>
Our Second Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-danger">
<p class="bd-notification is-primary">
<code class="html">is-narrow</code><br>
Third Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-narrow</code><br>
The Fourth Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-success">
<p class="bd-notification is-primary">
<code class="html">is-narrow</code><br>
Fifth Column
</p>
@@ -96,31 +96,31 @@ breadcrumb:
<div class="columns is-multiline is-mobile">
<div class="column is-one-quarter">
<p class="bd-notification is-info"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-success"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-warning"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-danger"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-half">
<p class="bd-notification is-info"><code>is-half</code></p>
<p class="bd-notification is-primary"><code>is-half</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-success"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-warning"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-danger"><code>is-one-quarter</code></p>
<p class="bd-notification is-primary"><code>is-one-quarter</code></p>
</div>
<div class="column">
<p class="bd-notification is-info">Auto</p>
<p class="bd-notification is-primary">Auto</p>
</div>
</div>
@@ -136,7 +136,7 @@ breadcrumb:
<div class="columns is-mobile is-centered">
<div class="column is-half is-narrow">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code><br>
<code class="html">is-narrow</code>
</p>
@@ -153,31 +153,31 @@ breadcrumb:
<div class="columns is-mobile is-multiline is-centered">
<div class="column is-narrow">
<p class="bd-notification is-info" style="padding: 1.25rem 1.5rem;">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem;">
<code class="html">is-narrow</code><br>
First Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-success" style="padding: 1.25rem 1.5rem;">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem;">
<code class="html">is-narrow</code><br>
Our Second Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-danger" style="padding: 1.25rem 1.5rem;">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem;">
<code class="html">is-narrow</code><br>
Third Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-info" style="padding: 1.25rem 1.5rem;">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem;">
<code class="html">is-narrow</code><br>
The Fourth Column
</p>
</div>
<div class="column is-narrow">
<p class="bd-notification is-success" style="padding: 1.25rem 1.5rem;">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem;">
<code class="html">is-narrow</code><br>
Fifth Column
</p>

26
docs/documentation/columns/responsiveness.html
View File

@@ -54,16 +54,16 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column">
<p class="bd-notification is-info">1</p>
<p class="bd-notification is-primary">1</p>
</div>
<div class="column">
<p class="bd-notification is-success">2</p>
<p class="bd-notification is-primary">2</p>
</div>
<div class="column">
<p class="bd-notification is-warning">3</p>
<p class="bd-notification is-primary">3</p>
</div>
<div class="column">
<p class="bd-notification is-danger">4</p>
<p class="bd-notification is-primary">4</p>
</div>
</div>
@@ -86,16 +86,16 @@ breadcrumb:
<div class="columns is-desktop">
<div class="column">
<p class="bd-notification is-info">1</p>
<p class="bd-notification is-primary">1</p>
</div>
<div class="column">
<p class="bd-notification is-success">2</p>
<p class="bd-notification is-primary">2</p>
</div>
<div class="column">
<p class="bd-notification is-warning">3</p>
<p class="bd-notification is-primary">3</p>
</div>
<div class="column">
<p class="bd-notification is-danger">4</p>
<p class="bd-notification is-primary">4</p>
</div>
</div>
@@ -109,23 +109,23 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code>is-half-mobile</code><br>
<code>is-one-third-tablet</code><br>
<code>is-one-quarter-desktop</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">1</p>
<p class="bd-notification is-primary">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning">1</p>
<p class="bd-notification is-primary">1</p>
</div>
<div class="column">
<p class="bd-notification is-success">1</p>
<p class="bd-notification is-primary">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning">1</p>
<p class="bd-notification is-primary">1</p>
</div>
</div>

192
docs/documentation/columns/sizes.html
View File

@@ -144,127 +144,127 @@ breadcrumb:
<div class="columns">
<div class="column is-four-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-four-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-three-quarters">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-quarters</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-two-thirds">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-two-thirds</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-three-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-half">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-two-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-two-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-third">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-third</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-quarter">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-quarter</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-fifth">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-fifth</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
@@ -297,217 +297,217 @@ breadcrumb:
<div class="columns">
<div class="column is-2">
<p class="bd-notification is-info"><code>is-2</code></p>
<p class="bd-notification is-primary"><code>is-2</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-3">
<p class="bd-notification is-info"><code>is-3</code></p>
<p class="bd-notification is-primary"><code>is-3</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-4">
<p class="bd-notification is-info"><code>is-4</code></p>
<p class="bd-notification is-primary"><code>is-4</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-5">
<p class="bd-notification is-info"><code>is-5</code></p>
<p class="bd-notification is-primary"><code>is-5</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-6">
<p class="bd-notification is-info"><code>is-6</code></p>
<p class="bd-notification is-primary"><code>is-6</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-7">
<p class="bd-notification is-info"><code>is-7</code></p>
<p class="bd-notification is-primary"><code>is-7</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-8">
<p class="bd-notification is-info"><code>is-8</code></p>
<p class="bd-notification is-primary"><code>is-8</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-9">
<p class="bd-notification is-info"><code>is-9</code></p>
<p class="bd-notification is-primary"><code>is-9</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-10">
<p class="bd-notification is-info"><code>is-10</code></p>
<p class="bd-notification is-primary"><code>is-10</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-11">
<p class="bd-notification is-info"><code>is-11</code></p>
<p class="bd-notification is-primary"><code>is-11</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
@@ -521,7 +521,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-half is-offset-one-quarter">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code><br>
<code class="html">is-offset-one-quarter</code>
</p>
@@ -530,7 +530,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-three-fifths is-offset-one-fifth">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-fifths</code><br>
<code class="html">is-offset-one-fifth</code>
</p>
@@ -539,7 +539,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-4 is-offset-8">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-4</code><br>
<code class="html">is-offset-8</code>
</p>
@@ -548,7 +548,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-11 is-offset-1">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-11</code><br>
<code class="html">is-offset-1</code>
</p>