ASP.NET アプリケーションに Bootstrap5 をインストールする - Visual Studio

ASP.NET アプリケーションに Bootstrap5 をインストールする手順を紹介します。

概要

Visual Studio を利用してASP.NET アプリケーションでBootstrap5を利用する場合のインストール手順を紹介します。 インストールはソースファイルをダウンロードしてプロジェクト内に配置する方法もありますが、今回はアップデートも容易な NuGetを利用してインストールする手順を紹介します。

インストール手順 (バージョンとインストールコマンドの確認)

Bootstrap5 のWebサイトのダウンロードページ(https://getbootstrap.jp/docs/5.0/getting-started/download/)を確認します。


ページ下部にNuGetでのインストール方法の記載もあります。


NuGetのサイトで、Bootstrapのモジュールを確認します。最新のバージョンは 5.3.0-alpha3 であり、安定板の最新バージョンは 5.2.3 であることが確認できます。


[Package Manager]のタブをクリックして選択し、NuGetパッケージマネージャーのInstall-Packageコマンドを利用した、インストールコマンドを確認します。


今回は安定板の最新バージョンをインストールしますので、バージョン 5.2.3 のインストールコマンドを入手します。~

手順

Visual Studio を起動し、ソリューションを作成し、ASP.NETアプリケーションのプロジェクトを作成します。


[ツール]メニューの[NuGet パッケージマネージャー]のサブメニューの[パッケージ マネージャー コンソール]の項目をクリックします。


メインウィンドウ下部にパッケージマネージャーコンソールのウィンドウが表示されます。




以下のコマンドを入力して実行します。-Version オプションを記述してバージョンを指定します。


コマンドを実行すると、パッケージのインストールが実行されます。インストールが完了すると下図の画面になります。



ソリューションエクスプローラーでプロジェクトのノードの[依存関係]の[パッケージ]のノードを開きます。 bootstrap の項目 (bootstrap(5.2.3)のノード) が追加されています。



ASP.NET アプリケーションにBootstrap5 をインストールできました。