ASP.NET MVC 5 Bootstrap – Carousel

ASP.NET MVC 5 Bootstrap – Carousel

 
   <style>
 
      body{
         font-family: 'Microsoft Himalaya', 'Arial Unicode MS', Arial;
      }
 
      .carousel {
         width:100%;
         clear:both;
         height:250px;
         margin:0px 0px 10px 0px;
      }
 
      .carousel .carousel-indicators {
         background-color:#000000;
         opacity:0.8;
         filter:alpha(opacity=80);
      }
 
      .carousel .carousel-inner .item {
         width:100%;
         height:250px;
         border:1px solid #428bca;
      }
 
      .carousel .carousel-inner .item .itemframe {
         margin:15px auto 0px auto;
         width:700px;
      }
 
      .carousel .carousel-inner .item .itemframe .contentheader {
         font-size:22px;
         font-weight:bold;
         color:#428bca;
      }
 
   </style>
 
   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 
      <ol class="carousel-indicators">
         <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
         <li data-target="#carousel-example-generic" data-slide-to="1"></li>
         <li data-target="#carousel-example-generic" data-slide-to="2"></li>
         <li data-target="#carousel-example-generic" data-slide-to="3"></li>
         <li data-target="#carousel-example-generic" data-slide-to="4"></li>
      </ol>
 
      <div class="carousel-inner">
 
         <div class="item active">
            <div class="itemframe">
               <span class="contentheader">ソフトバンク、スプリントとの共同スマホ発売へ</span><br /><br />
               ソフトバンクモバイルは１８日、傘下で米携帯電話３位のスプリントとの初の共同商品となるスマートフォンを２９日に国内発売すると発表した。
            </div>
         </div>
 
         <div class="item">
            <div class="itemframe">
               <span class="contentheader">ソフトバンク、スプリントとの共同スマホ発売へ</span><br /><br />
               ソフトバンクモバイルは１８日、傘下で米携帯電話３位のスプリントとの初の共同商品となるスマートフォンを２９日に国内発売すると発表した。
            </div>
         </div>
 
         <div class="item">
            <div class="itemframe">
               <span class="contentheader">ソフトバンク、スプリントとの共同スマホ発売へ</span><br /><br />
               ソフトバンクモバイルは１８日、傘下で米携帯電話３位のスプリントとの初の共同商品となるスマートフォンを２９日に国内発売すると発表した。
            </div>
         </div>
 
         <div class="item">
            <div class="itemframe">
               <span class="contentheader">ソフトバンク、スプリントとの共同スマホ発売へ</span><br /><br />
               ソフトバンクモバイルは１８日、傘下で米携帯電話３位のスプリントとの初の共同商品となるスマートフォンを２９日に国内発売すると発表した。
            </div>
         </div>
 
         <div class="item">
            <div class="itemframe">
               <span class="contentheader">ソフトバンク、スプリントとの共同スマホ発売へ</span><br /><br />
               ソフトバンクモバイルは１８日、傘下で米携帯電話３位のスプリントとの初の共同商品となるスマートフォンを２９日に国内発売すると発表した。
            </div>
         </div>
 
      </div>
 
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
         <span class="glyphicon glyphicon-chevron-left"></span>
      </a>
 
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
         <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
 
   </div>