途中からBootstrapを実装する記録 その2 スライダーを実装する。

ホーム > 業務日誌 > スタッフ別 > 加藤 > 途中からBootstrapを実装する記録 その2 スライダーを実装する。

Bootstrapでのスライダー実装

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

早速実装

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

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

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

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

 

カトー

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

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

この記事に関してのお問い合わせ
御連絡・ご返信は原則2営業日以内を予定しております。
お急ぎの場合は、お手数ですが下記電話でもご対応をしております。

システムガーディアン株式会社
受付時間:平日9:00~18:00
受付担当:坪郷(つぼごう)・加藤
電話:03-6758-9166