zgow

Bootstrap

Bootstrapでナビゲーションバーを固定スクロールにする方法

はじめに本記事では、Bootstrap 5を使って、ナビゲーションバーを固定して、コンテンツをスクロールできるようにする方法について解説します。stickyを使うか、fixedを使うかの2パターンを紹介します。stickyでナビゲーションバ...
Bootstrap

Bootstrapのナビゲーションのメニューを中央寄せにする方法

ナビゲーションバーのメニューを中央寄せにするのは、特定のデザイン要件を満たすためによく求められるレイアウトです。本記事では、Bootstrap 5を使ってナビゲーションバーのメニューを中央揃えにする方法を解説します。ナビゲーションバーのメニ...
Bootstrap

Bootstrapのナビゲーションメニューを右寄せ・左寄せにする

Bootstrapのnavbarによるナビゲーションのメニューの配置を右寄せにしたり左寄せにする方法を解説します。バージョンはBootstrap5を使ってます。左寄せ左寄せに関しては、デフォルトで左寄せになるので、特別な設定をする必要はあり...
Bootstrap

Bootstrapでナビゲーションバーにドロップダウンメニューを作る方法

Bootstrapのnavbarを使えば、レスポンシブなナビゲーションバーを簡単に作成できます。今回は、ドロップダウンメニューを含むナビゲーションバーを作成する方法を解説します。バージョンバージョンはbootstrap5で作っています。ドロ...
Angular

Angularでnavigateを使ってルートを切り替える

はじめにAngularプロジェクト内で使うルート制御をするには、Routerのnavigateメソッドを使って行えます。今回はこれを使って、コンポーネントでルート(URL)を切り替える実装を解説します。実装全体のルーティング設定全体のルーテ...