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-touch

    <div class="columns">
        <div class="column is-narrow-touch">
            <div class="box" style="width: 200px;">
                <p class="title is-5">Narrow column on touch screens</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 on touch screens

This column is only 200px wide.

Flexible column

This column will take up the remaining space available.

More in Bulma Grid