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

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

概要

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

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

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


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

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


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

手順

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


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

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

Install-Package bootstrap -Version 5.2.3

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

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

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

著者

Penta

iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用