Bulma CSS Classes

Bulma CSS class .is-narrow-tablet

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

Check .is-narrow-tablet 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 Bulma CSS classes in Grid category

© 2024 Shuffle. All rights reserved.