Menu di status-card

Menambahkan Menu di Sudut Kanan Status Card Bootstrap dapat dilakukan dengan kode berikut ini :

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <!-- Status card content goes here -->
        </div>
        <div class="status-menu">
            <div class="dropdown">
                <a href="#" id="statusDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="bi bi-three-dots"></i>
                </a>
                <ul class="dropdown-menu" aria-labelledby="statusDropdown">
                    <li><a class="dropdown-item" href="#">Option 1</a></li>
                    <li><a class="dropdown-item" href="#">Option 2</a></li>
                    <li><a class="dropdown-item" href="#">Option 3</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="card-body">
        <!-- Status card content goes here -->
    </div>
</div>

About Reza Ervani 430 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.