Bulma Content

Bulma content is used to handle almost any HTML tag. That will be either generated by WYSIWYG editor or manually inserted HTML tags.

General Syntax

      
        <element class="content"></element>

Try it now

Source Code

          
            <div class="content">
  <ol class="is-lower-alpha">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>
  <ol class="is-lower-roman">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>
  <ol class="is-upper-alpha">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>
  <ol class="is-upper-roman">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>
</div>

Try it now

Source Code : Output

  Coffee
Tea
Milk

  Coffee
Tea
Milk

  Coffee
Tea
Milk

  Coffee
Tea
Milk

Content: Sizes

To change the font size of text, use .is-small, .is-medium, .is-large modifier class.

General Syntax

      
        <element class="content is-{small|medium|large}"></element>

Try it now

Source Code

          
            <div class="content is-small">
  <h2>Web Development</h2>
  <p>Learn web development skills from sudhakarinfotech. </p>
  <h2>Software</h2>
  <p>You can also make software from the learning <strong>skills</strong>.</p>
  <ul>
    <li>Take decision & move forward to do something extraordinary. </li>
  </ul>
</div>

Try it now

Source Code : Output