Bootstrapのカラム幅の設定でhtmlのどこにclassを設ければいいかわからない

Question

Bootstrapのカラム幅の設定について２点教えてください。
１点目：見出して大きくした「576px以上の画面幅のとき、フォーム部品は9つ分のカラム幅で表示する指定を追加」としてる部分ですが、どこに「col-sm-9」のclassを入れればいいかわかりません。
２点目：「さらに、送信ボタンは、指定のカラム幅に対して100％の幅となる設定を追加」とある部分についてはカラム幅は「col-sm-12」としたのでがうまくいきません。
私が作成したページの写真と完成例の写真を以下に載せました。よろしくお願いします。

        <!-- 576px以上の画面幅のとき、右側は9つ分のカラム幅で表示する指定を追加 -->
        <div class="row">
          <div class="col-sm-9"></div>
            <p>
                プライバシーポリシーをご確認いただき、ご同意の上で、送信ボタンをクリックしてください。<br />
                お問い合わせの内容は、受付日から3営業日以内をめどにご返信いたします。
            </p>
            <form action="complete.html">
                <!-- ラベルとフォーム部品を並べるためにグリッドを使う指定を追加 -->
                <div class="form-group">
                   ###  <!-- 576px以上の画面幅のとき、ラベルは3つ分のカラム幅で表示する指定を追加 -->
                    
                    <label class="col-form-label">会社名：</label>
                    

                    <!-- 576px以上の画面幅のとき、フォーム部品は9つ分のカラム幅で表示する指定を追加 -->
                    <div class="col-sm-9">
                        <input type="text" class="form-control" name="company">
                    </div>
                </div>

               

                <!-- ラベルとフォーム部品を並べるためにグリッドを使う指定を追加 -->
                <div class="form-group row">
                    <!-- 576px以上の画面幅のとき、3つ分のカラム幅の隙間を表示する設定を追加 -->
                    <!-- さらに、576px以上の画面幅のとき、9つ分のカラム幅で送信ボタンの表示部分の設定を追加 -->
                    <div class="offset-sm-3 col-sm-9">
                        <!-- 送信ボタンを緑色にする設定を追加 -->
                       ###  <!-- さらに、送信ボタンは、指定のカラム幅に対して100％の幅となる設定を追加 -->

コード

![試作品](8d3c8cd2dd8e3165c1be4bb2ac013920.png)


![完成品](795b4bd49417a2e1fe032770e7756a5c.png)

Answer 1

<div class="form-group">にrowを追加すればできました。