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

Bootstrap class: .card-header-tabs

    <div class="card">
        <div class="card-header">
            <ul class="nav nav-tabs card-header-tabs">
                <li class="nav-item">
                    <a class="nav-link active" href="#">Option 1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Option 2</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Option 3</a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <h5 class="card-title">Lorem ipsum dolor sit amet consectetur.</h5>
            <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, soluta?</p>
        </div>
    </div>

Preview

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, soluta?

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

More in Bootstrap Cards

Bootstrap 4 & 5