1
にサムネイル付きスライダーを作っていて、オーバーフロー-xは私の第二のdivで作業していない私は2番目のdivオーバーフロー-Xのスクロールを作りたいが、そのは私は、ブートストラップ
#image_view a img{
\t height: 400px;
\t width: 600px;
\t margin: auto;
\t text-align: center;
\t padding-bottom: 10px;}
#thumbnail{
height: 120px;
\t overflow-x: scroll;
display: inline;
}
#thumbnail img{
\t height: 100px;
\t width: 100px;
\t margin: auto;
\t padding-bottom: 10px;
\t white-space: nowrap;}
<div class=" col-lg-12 jumbotron">
\t \t \t \t <div class="col-lg-10" id="image_view">
\t \t \t \t \t <a href="#"><img src="images/1.jpg" alt="image view"></a>
\t \t \t \t </div>
\t \t \t \t <div class="col-lg-12" id="thumbnail">
\t \t \t \t \t
\t \t \t \t \t <img src="images/10.jpg" alt="image">
\t \t \t \t \t <img src="images/11.jpg" alt="image">
\t \t \t \t \t <img src="images/3.jpg" alt="image">
\t \t \t \t \t <img src="images/4.jpg" alt="image">
\t \t \t \t \t <img src="images/5.jpg" alt="image">
\t \t \t \t \t <img src="images/6.jpg" alt="image">
\t \t \t \t \t
</div>
</div>