編集あらかじめBootstrapがclassに対して、CSSの定義をしてくれているからです。HTMLの9行目でBootstrapを読み込んでいますよね?このように読みこむだけで、Bootstrapが定義してくれたclassがすぐに使えます。`col`と`col-auto`はBootstrapが用意しているclassで、これを一緒に使うと`col`をつけた方は一杯に広げて、`col-auto`をつけた方はレイアウトが崩れないように余ったスペースに配置してくれるのでボタンのあるカラムが右によります。本文のコードはHTMLの15行目に全角の空白が入ってるので、これを半角の空白に修正してください。class="box"></div>が追加されていますが、これもどこかのグリッドに収める必要があります。つけた既存の2つのカラムに入れるのか、新しく3カラム目にするかでコーディングが変わります。HTMLやCSSの改行が揃っていないとコードが読みにくいので、サンプルコードのように改行位置を揃えることを意識してみてください。Bootstrapがclassに対して、CSSの定義をしてくれているからです。このように読みこむだけで、Bootstrapが定義してくれたclassがすぐに使えます。`col`と`col-auto`はBootstrapが用意しているclassで、これを一緒に使うと`col`をつけた方は一杯に広げて、`col-auto`をつけた方はレイアウトが崩れないように余ったスペースに配置してくれるのでボタンのあるカラムが右によります。本文のコードはHTMLの15行目に全角の空白が入ってるので、これを半角の空白に修正してください。class="box"></div>が追加されていますが、これもどこかのグリッドに収める必要があります。つけた既存の2つのカラムに入れるのか、新しく3カラム目にするかでコーディングが変わります。HTMLやCSSの改行が揃っていないとコードが読みにくいので、サンプルコードのように改行位置を揃えることを意識してみてください。20:59解決できてよかったです!解決できてよかったです!キャンセル完了するlink0ロゴマークがこれ以上左に行かないcontainerクラスのブロック内に入れているからです。最大幅を制限しています。幅を制限せずに画面幅一杯に広げたいなら、container-fluidクラスにしてください。(Bootstrapの使い方)それ以外の文字が右寄せされずに困ってます。text-alignをしてもダメで。インライン要素に対して有効ですが、ブロック要素には効きません。auto;を使います。auto;">呈示のコードではインラインスタイルで設定してますが、あちこちに分散させるよりcssファイルで設定するのに統一したほうが管理しやすいと思います。下記のコードを試してみてください。</div></body>ただし、bootstrapを使うなら、shgtkshruchさんの回答の方がいいですね。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。解決済Class付けしたulに、CSSが反映されない。0jQueryが動作しない。頂いたご意見への回答は行っておりません。