Bootstrapを使い、このサイトを参考に検索フォームを作成した。
<div class="input-group">
<input type="text" id="search-form" class="form-control input-group-prepend" placeholder="キーワードを入力"></input>
<span class="input-group-btn input-group-append">
<submit type="submit" id="btn-search" class="btn btn-primary" onclick="clickSearch()">
<i class="fas fa-search"></i> 検索
</submit>
</span>
</div>
このように理想通りに表示されるが、スマホ(iPhone)で見てみると、
このように検索ボタンの表示が崩れてしまう。
ちなみに、これはスマホのsafariでもChromeでも同じだった。
なぜでしょうか。お力添え願います