Answers for "how to center card in bootstrap"

1

how to make bootstrap cards centered

<div class="mx-auto" style="width: 200px;">
  Centered element
</div>
Posted by: Guest on July-06-2021
0

center bootstrap card

<div class="container h-100">
    <div class="row align-items-center h-100">
        <div class="col-6 mx-auto">
            <div class="card h-100 border-primary justify-content-center">
                <div>
                    ...card content...
                </div>
            </div>
        </div>
    </div>
</div>
Posted by: Guest on October-31-2021
1

card center in bootstrap

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}
Posted by: Guest on December-13-2020

Code answers related to "how to center card in bootstrap"

Browse Popular Code Answers by Language