BootstrapでLightbox実装する際は、別途プラグイン導入の必要無し

Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。

なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。

そして件のlightbox。
これはおなじみのギャラリー機能ですが、Bootstrapにはそのものズバリなコンポーネントはありませんが、

• カルーセル ：コンテンツスライダー
• モーダル ：ポップアップウィンドウ

を使えば、行けるのではないかと。

Carousel https://getbootstrap.com/docs/4.1/components/carousel/

カルーセルのような要素の画像やスライドを循環させるためのスライドショーコンポーネント。

Modal https://getbootstrap.com/docs/4.1/components/modal/

BootstrapのJavaScriptモーダルプラグインを使用してライトボックス、ユーザー通知、または完全カスタムコンテンツ用のダイアログをサイトに追加します。

そこでコードを書く前に、もしかしたら誰かすでに実装されている方もいるのではないかな、と探してみたところ・・・

純粋なBootstrapのみで実装されており、追加のJSやCSSの記述も不要です。