割り当てる番号は0からになるので注意してください。設置することで現在選択しているという状態になります。この場合●と表示されます。data-slide-to="3"></li></ol>となります。次に、表示する画像を設定します。設定し、class=”carousel-inner”を指定します。指定すると、現在選択しているということになります。4"/></div></div>というようになります。左右に画像を移動するボタンを作成します。左ボタンから作成します。データ属性data-slideにprevを指定します。指定することでユーザエージェントに認識させないようにします。aria-hidden="true"></span></a>というようになります。同じ要領で、右ボタンも作成できます。class=”glyphicon-chevron-right”の指定です。aria-hidden="true"></span></a>というようになります。エディタで実践してみましょう。パッケージをいれることで、エディタからサイトをみることができるようになります。調べてみると良いでしょう。エディタ右側にプレビューの表示ができます。興味があれば試してみると面白いでしょう。今回は、これらのパッケージをいれてあることを前提としてコードを書いていきます。charset="UTF-8"><title>Document</title></head><body></html>というようにベースのコードが作成されます。ライブラリの読み込みです。今回はネットから読み込む方法CDNの方法を使います。crossorigin="anonymous">でCSSファイルの読み込みをします。