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 vote157 views1 answer
Birthday wishes using html code
Html
0 vote160 views1 answer
HTML JWB2
Html
10 votes152 views1 answer
Html entity and
Html
0 vote178 views1 answer
Ean 13 barcode in javascript tutorial
Html
0 vote138 views1 answer
XSLT group following siblings that follow a tag with generated ID
Html
7 votes153 views4 answers
Include bootstrap icons
Html
9 votes143 views2 answers
Display date on html
Html
0 vote164 views1 answer
Render html helper list + prestashop 1.7
Html
5 votes150 views1 answer
Text bold in .md file
Html
1 vote106 views1 answer
A href input type submit
Html