Bulma CSS Classes

Bulma CSS class .is-normal

    <div class="field is-horizontal">
        <div class="field-label is-normal">
            <label class="label">Name</label>
        </div>
        <div class="field-body">
            <div class="field">
                <p class="control is-expanded has-icons-left">
                    <input class="input" type="text" placeholder="Name">
                    <span class="icon is-small is-left">
                        <i class="fas fa-user"></i>
                    </span>
                </p>
            </div>
        </div>
    </div>
    <div class="field is-horizontal">
        <div class="field-label is-normal">
            <label class="label">Message</label>
        </div>
        <div class="field-body">
            <div class="field">
                <div class="control">
                    <textarea class="textarea" placeholder="Write your message"></textarea>
                </div>
            </div>
        </div>
    </div>

Preview

Are you tired of writing HTML by hand?

More Bulma CSS classes in Forms category

© 2024 Shuffle. All rights reserved.