Title and Subtitle

Simple headings to add depth to your page.

There are 2 types of heading:

  • title: Title
  • subtitle: Subtitle

Heading 1

Bulma heading.

Sizes

There are 6 sizes available:

Markdown HTML 
# title 1

    <h1 class="title is-1">Title 1</h1>

## title 2

    <h2 class="title is-2">Title 2</h2>

# title 1
## title 2
### title 3
#### title 4
##### title 5
###### title 6

    <h1 class="title is-1">Title 1</h1>
    <h2 class="title is-2">Title 2</h2>
    <h3 class="title is-3">Title 3</h3>
    <h4 class="title is-4">Title 4</h4>
    <h5 class="title is-5">Title 5</h5>
    <h6 class="title is-6">Title 6</h6>

# title 1
## title 2
### title 3
#### title 4
##### title 5
###### title 6

    <h1 class="title is-1">Title 1</h1>
    <h2 class="title is-2">Title 2</h2>
    <h3 class="title is-3">Title 3</h3>
    <h4 class="title is-4">Title 4</h4>
    <h5 class="title is-5">Title 5</h5>
    <h6 class="title is-6">Title 6</h6>

# title 1
## title 2
### title 3
#### title 4
##### title 5
###### title 6

    <h1 class="title is-1">Title 1</h1>
    <h2 class="title is-2">Title 2</h2>
    <h3 class="title is-3">Title 3</h3>
    <h4 class="title is-4">Title 4</h4>
    <h5 class="title is-5">Title 5</h5>
    <h6 class="title is-6">Title 6</h6>

# title 1
## title 2
### title 3
#### title 4
##### title 5
###### title 6

    <h1 class="title is-1">Title 1</h1>
    <h2 class="title is-2">Title 2</h2>
    <h3 class="title is-3">Title 3</h3>
    <h4 class="title is-4">Title 4</h4>
    <h5 class="title is-5">Title 5</h5>
    <h6 class="title is-6">Title 6</h6>

Subtitles are not directly supported in markdown, but you can add them to your file using HTML code:

<h1 class="subtitle is-1">Subtitle 1</h1>
<h2 class="subtitle is-2">Subtitle 2</h2>
<h3 class="subtitle is-3">Subtitle 3</h3>
<h4 class="subtitle is-4">Subtitle 4</h4>
<h5 class="subtitle is-5">Subtitle 5</h5>
<h6 class="subtitle is-6">Subtitle 6</h6>

Look at the official Bulma doc page for original contents.

 Previous Page     Next Page