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

  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. 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

Web Development

Learn web development skills from sudhakarinfotech.

Software

You can also make software from the learning skills.

  • Take decision & move forward to do something extraordinary.
Web Tutorials
Bulma Content Tutorial
Html Tutorial HTML
Javascript Tutorial JAVASCRIPT
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4