Bootstrap内でdivタグの子要素であるaタグで設定したボタンを横方向中央に配置する方法について

こんにちは。
初めて質問させていただくのですが、質問作法に失礼がありましたら申し訳ありません。

質問

Bootstrapを導入し、divタグの子要素に記述したaタグにclass="btn"を設定しました。
このボタンを横方向の画面中央に配置したかったため、方法を調べたところ、親要素であるdivタグにclass="text-center"を設定することで解決したのですが、
なぜ中央に配置されたのか理由がわかりません。

aタグはインライン要素であるため、aタグにclass="text-center"を設定しても中央に配置されないのは理解できるのですが、
今回のような方法で解決できた理由を知りたいです。

また、できましたら、そのような理由を自力でつきとめる方法をお教えいただけると嬉しいです。
よろしくお願いします。

該当のソースコード

html
1      <div class="bg-warning py-5 text-center">
2        <a href="#" class="btn btn-primary btn-lg">ボタンA</a>
3      </div>
4

行動規範の内容に同意します

回答1件

そのような理由を自力でつきとめる方法を

ブラウザのデベロッパーツールを活用すること

投稿2019/04/27 06:58

m.ts10806

総合スコア80850

nakaken2020

2019/04/27 07:54

ご回答ありがとうございます。再度デベロッパーツールにて確認を行いました。自分で指定したtext-centerには打ち消し線があったのですが、 .btn {display: inline-block; text-align: center;}が有効になっていました。私はこの記述をしていないのですが、Bootstrapが勝手に指定してくれたという判断でよろしいのでしょうか。ご回答よろしくお願いいたします。