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 vote324 views1 answer
Syntax is being placed in my textarea in html
Html
0 vote346 views1 answer
What is uniswap
Html
4 votes407 views1 answer
Html change name in tab
Html
0 vote344 views1 answer
How to convert input type file into an icon
Html
38 votes329 views5 answers
Button open link in new tab
Html
66 votes315 views2 answers
How to open link in new tab
Html
10 votes323 views1 answer
Html entity ampersand and
Html
1 vote302 views1 answer
Html span title tooltip
Html
-1 vote319 views1 answer
Html to pdf react
Html
3 votes317 views1 answer
Html form please fill out this field
Html