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

2 votes183 views1 answer
Best html emmet extension for vs code
Html
9 votes224 views4 answers
Tabs bootstrap 3
Html
0 vote170 views1 answer
Html role for icon
Html
0 vote190 views3 answers
UnexpectedValueException The stream or file "/var/www/html/storage/logs/laravel.log" could not be opened in append mode: failed to open stream: Permission denied
Html
0 vote169 views1 answer
Can html be coded in to text string
Html
-1 vote183 views2 answers
Scrape beautifulsoup python html attribute value
Html
1 vote167 views1 answer
Arnav.tcode.in
Html
9 votes168 views2 answers
Html date placeholder
Html
5 votes173 views2 answers
Html icon web
Html
10 votes159 views1 answer
Write & in html
Html