【Bootstrap5】入力フィールドとボタンを横に並べる

以下のように書くといいのか...？

.d-flex
  %input.form-control.w-auto{ type: :text }
  %button.btn.btn-secondary.ms-2 Greet

公式を参考に以下のように書いてみたが、これだとスマホ表示の時に横に並ばない。

参考：https://getbootstrap.jp/docs/5.0/forms/layout/#inline-forms

.row.row-cols-sm-auto
  .col-12.pe-0
    %input.form-control{ type: :text }
  .col-12.pe-0
    %button.btn.btn-secondary Greet