ブートストラップ インプットタグの左にtitleを表示したい

Question

何度もすみません。

先程の課題は解決したのですが、

また別の課題があります。

画像はインプットタグのタイトルである、
IDとPASSがインプットタグの上にきてしまっています。
どうすればインプットタグに左に、IDとPASSの文字を移動できますか。

                                <div class="form-group">
                                    <label for="passwd">ID</label>
                                    <input type="password" class="form-control" id="passwd">
                                    <p>
                                        ※ご登録いただいたメールアドレスです
                                    </p>
                                </div>
                                <br>
                                <div class="form-group">
                                    <label for="passwd">PASS</label>
                                    <input type="password" class="form-control" id="passwd">
                                    <p>
                                        ※パスワードを忘れた方はこちら
                                    </p>
                                </div>

Comments

[m.ts10806]

「先程」が下記なのであれば、まだ「受付中」になっていますよ。
https://teratail.com/questions/320418

Answer 1

回答　labelの中にinputを入れてあげる。

たぶん、スマホ用のCSSが当たってるはず。
form-groupにflex-flow:column;かな。
もう自力で解決されていると思うけど他の人のためにね。

<label for="passwd">ID
　<input type="password" class="form-control" id="passwd">
</label>

以下蛇足です。
divでlabelとinputを囲んでも横並びになるはず。