Bootstrapでのスライダー実装

引き続きの記事なります
早速このサイトのスライダーもBootstrapを利用したスライダーに変更してみます。公式にあるスライダーに既にありますので、実際に実装してみます。

早速実装

公式にあるソースコードを早速実装します。

こちらをそのまま使い、コンテナで包みます。実際コードも書いてみます。

あとは下にマージも追加してみます。ここは判りやすく……

背景によって  <div class=”carousel-caption”>内の文字は見づらくなるので、こちらはまたCSSに追加します。
ここまで10分もあれば実装できるので非常に楽ですね。

 

カトー
この記事を書いた人:カトー

元デザイナーで会社の代表……といいつつ雑用係り。薄毛に悩む43歳