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

7 votes332 views3 answers
How to run an html file
Html
0 vote301 views1 answer
Display html table only on screen larger than md
Html
8 votes249 views6 answers
Marquee html
Html
0 vote287 views1 answer
Bootstrap dropdown on hover
Html
0 vote304 views1 answer
Vuetify html tag lang
Html
0 vote282 views2 answers
<input type="password" placeholder="enter password" name="psw" required>
Html
0 vote361 views2 answers
Where should favicon.ico be placed in flask app
Html
3 votes294 views4 answers
When i click on one checkbox check all checkboxes
Html
0 vote243 views1 answer
Card.co
Html
0 vote306 views1 answer
Jquery radio button checked on page load
Html