is now part of Shuffle™. The new editor includes templates for Bulma, Bootstrap, Material-UI, and Tailwind CSS.
Switch to Shuffle →
← all Bulma classes list

Bulma class: .is-narrow

    <div class="columns">
        <div class="column is-narrow">
            <div class="box" style="width: 200px;">
                <p class="title is-5">Narrow column</p>
                <p class="subtitle">This column is only 200px wide.</p>
            </div>
        </div>
        <div class="column">
            <div class="box">
                <p class="title is-5">Flexible column</p>
                <p class="subtitle">This column will take up the remaining space available.</p>
            </div>
        </div>
    </div>

Preview

Narrow column

This column is only 200px wide.

Flexible column

This column will take up the remaining space available.

Check .is-narrow 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.

More in Bulma Grid