Bootstrap CSS Classes

Bootstrap CSS 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

Are you tired of writing HTML by hand?

More Bootstrap CSS classes in Cards category

© 2024 Shuffle. All rights reserved.