【学習メモ】Rails Bootstrapの均等配置ができない原因について

【解決したいこと】
Railsアプリ制作する際に、Bootstrapの均等配置ができない問題を解決したい

【試していたこと】
下記のようなコードを打っていた。

.d-flex.align-center（flex要素と中央揃え）
  .col-4（３分割）
    = link_to 'A（文字列）', new_record_path（遷移先リンク）, class: 'btn btn-primary'
  .col-4
    = link_to 'B（文字列）', reminder_record_path, class: 'btn btn-primary'
  .col-4
    = link_to 'C（文字列）', report_record_path, class: 'btn btn-primary'

それまでの

【原因】
・デベロッパーツールからCSSを確認し、ブロック要素のみ中央揃えになっていたが、インライン要素が左揃えのまま（＝設定されていなかった）だったことが原因と判明。

【解決策】
・下記の通りに変更したら成功。

.d-flex
  .col-4.text-align: center
    = link_to '新規登録', new_record_path, class: 'btn btn-primary'
  .col-4.text-align: center
    = link_to 'リマインダー設定', reminder_record_path, class: 'btn btn-primary'
  .col-4.text-align: center
    = link_to 'レポートを見る', report_record_path, class: 'btn btn-primary'

【学び】
1.Bootstrapでレイアウトがうまく行っていなければ、検証ツールでレイアウトを確認すると見えてくる!
2.他の場合も同様の考え方で成功できるのでは？