Section

The b.Section constructor creates a section.

Modifier	Action
`b.Medium`	Set spacing to medium
`b.Large`	Set spacing to large

Bulma examples

Bulma documentation

Example

Code

b.Section(
	b.Title("Section"),
	b.Subtitle("A simple container to divide your page into ", e.Strong("sections"), ", like the one you're currently reading."),
)

ResultHTML

Section

A simple container to divide your page into sections, like the one you're currently reading.

<section class="section"><h1 class="title">Section</h1><h2 class="subtitle">A simple container to divide your page into <strong>sections</strong>, like the one you&#39;re currently reading.</h2></section>

Example

Code

b.Section(
	b.Medium,
	b.Title("Section"),
	b.Subtitle("A simple container to divide your page into ", e.Strong("sections"), ", like the one you're currently reading."),
)

ResultHTML

Section

A simple container to divide your page into sections, like the one you're currently reading.

<section class="section is-medium"><h1 class="title">Section</h1><h2 class="subtitle">A simple container to divide your page into <strong>sections</strong>, like the one you&#39;re currently reading.</h2></section>

Example

Code

b.Section(
	b.Large,
	b.Title("Medium section"),
	b.Subtitle("A simple container to divide your page into ", e.Strong("sections"), ", like the one you're currently reading."),
)

ResultHTML

Large section

A simple container to divide your page into sections, like the one you're currently reading.

<section class="is-large section"><h1 class="title">Large section</h1><h2 class="subtitle">A simple container to divide your page into <strong>sections</strong>, like the one you&#39;re currently reading.</h2></section>