← all Bulma classes list

Bulma class: .is-fluid

    <div class="container is-fluid">
        <div class="p-2 has-background-primary has-text-white">
            This container will have a 32px gap on either side, on any viewport size.
        </div>
    </div>

Preview

This container will have a 32px gap on either side, on any viewport size.

Check .is-fluid in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.