alt=""></div></div>というようになります。最後に、左右に移動するためのボタンを作成します。aria-hidden="true"></span></a>で前に左に移動するボタンを作成します。data-slide=next]>span.glyphicon.glyphicon-chevron-right[aria-hidden=true]を展開します。スライドショーができているのが確認できます。次にスライドショーにキャプションを入れてみましょう。class="carousel-caption"></div>で領域を指定し、説明文やリンクボタンなどを設置します。今回は料理の画像なので、料理名と解説を入れてみます。alt=""></div>の部分のソースを変更します。btn-primary">お店に行く</a></div>とします。これで再度プレビューをみると、キャプションが追加されているのがわかります。このようにキャプションを追加することで、用途としては自作のサービスやアプリの紹介をしたり、リンクをつけることでスムーズな誘導が可能になります。それでは、今回の要点をまとめてみましょう。ライブラリの読み込みが必要。・スライドショーの作成には、領域の指定、インジケータの定義、画像の指定、前後へのリンクボタンの作成が必要。作成し、class=”carousel-indicators”を指定。カウントとなり、data-slide-to=””で指定する。囲み、class=”carousel-inner”を指定する。data-slide=”prev”を指定。領域を作成し、class=”carousel-caption”を指定して、その中に記述。記述することで簡単に記述できるようになります。スライドとキャプションを組み合せることで、さまざまなアプローチができますので、試してみてはいかがでしょうか。[HTML]簡単!絶対パスと相対パスの違いについてこの記事を書いた人:IBCIBCITブートキャンプ運営事務局です。随時ブログを更新していきます。働く場所や時間にとらわれない働き方。在宅ワークを楽しんで!2020年に向けたテレワーク・デイズ。在宅ワーカーへの影響とは?夏休みの自由研究は子供だけのものではない!大人も楽しんでやってみよう在宅ワーカーが知っておきたい書体の使い方!違いを知って適切に使おう!直接の契約で気をつけたい。