質問: ### 前提・実現したいこと bootstrapでナビゲーションバーを設置し中身を編集し、右にボタンを配置したい。![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/53b3a6666c8ab6eefdcff1b1f7441ce5.png) ### 発生している問題・エラーメッセージ ``` bootstrapでナビゲーションバーを設置し中身を編集していたところ、floatをrightにしたら空白ができてしまいます。 ``` ### 試したこと positionの設定から、左から"n"pxとすると空白はできないのですがそれでは画面サイズの変更に対応できません...
回答: 以下をお試しください。 * リストhtml上の`float:left;`及び`float:left;`をすべて削除 * 以下のコードからスタイル部分を削除 `` * ``にクラスを追加して``とする * ``にクラスを追加して`` レイアウトを組むのにfloatで右寄せしたり左に詰めたりするのは一昔前のやり方で、最近はflexという便利なプロパティがありますので、こちらを学ばれた方がいいのではと思います。Bootstrap4ではこれが多用されていて、ユーティリティクラス(.d-flexや.justify-content-xxxなど)も用意されているので是非使ってみてください。 あと、提示されたソースには所々`"`が`"`になっている箇所がありましたのでご確認ください。