Center bootstrap card

How to make bootstrap cards centered

<div class="mx-auto" style="width: 200px;">
  Centered element
</div>

Source: getbootstrap.com

Center card in bootstrap stack overflow

.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

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>

-1

Source: stackoverflow.com

Similar codes

1 vote112 views2 answers
How to transfer data from 2 html files
Html
1 vote119 views2 answers
Drag and drop html
Html
208 votes163 views6 answers
Link open in new tab html
Html
0 vote121 views1 answer
Remove blank rows in html vs code
Html
50 votes95 views6 answers
How to change font size in html
Html
4 votes120 views1 answer
Bootsrap label
Html
4 votes111 views4 answers
How to make a paragraph in html
Html
1 vote104 views1 answer
How to get the name of a html balise and pass it in onPress
Html
1 vote108 views2 answers
Html phone number validation pattern
Html
0 vote76 views1 answer
Scroll to section href
Html