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

Bootstrap class: .card-header-pills

    <div class="card">
        <div class="card-header">
            <ul class="nav nav-pills card-header-pills">
                <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 💡

More in Bootstrap Cards