bootstrapのcardを中央寄せしたい

Question

Bootstrapの機能にCardがありますが、どうやっても中央寄せできません。

<div class="center-block"> margin: auto; textalign center いずれも中央寄せで来ませんでした。

cardは下記にあるように横並びに画像とテキストが表示されるタイプのものです。

<div class="card mb-3" style="max-width: 540px;"> <div class="row no-gutters"> <div class="col-md-4"> <svg class="bd-placeholder-img" width="100%" height="250" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image"><title>Placeholder</title><rect fill="#868e96" width="100%" height="100%"/><text fill="#dee2e6" dy=".3em" x="50%" y="50%">Image</text></svg> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> </div>

Answer 1

只の勘違いでした。
mx-autoで中央寄せできました。