我的頁面上有一個引導程序傳送帶,它的工作不正常。我從我的數據庫中顯示了6個項目,但是我只需要在第一個輪播式頁面上顯示3個項目,然後在下一個顯示3個項目。但相反,它顯示了在單個頁面上摺疊的所有項目。引導程序傳送帶無法正常工作
這裏是我的代碼
<div class="row">
<div class="carousel slide" data-ride="carousel" data-interval="9000">
<div class="carousel-inner">
<div class="item active">
<ul class="thumbnails" data-bind="foreach: myMovies">
<li class="col-md-4">
<div class="fff">
<div class="thumbnail">
<a href="#"><img src="some image src"></a>
</div>
<div class="caption">
<h4 data-bind="text: Movies().Title"></h4>
</div>
</div>
</li>
</ul>
</div>
</div>
<nav>
<ul class="control-box pager">
<li><a data-slide="prev" href="#myCarousel" class=""><i class="glyphicon glyphicon-chevron-left"></i></a></li>
<li><a data-slide="next" href="#myCarousel" class=""><i class="glyphicon glyphicon-chevron-right"></i></li>
</ul>
</nav>
</div>
</div>
和我的CSS
img {
max-width: 100%;
}
.thumbnails li > .fff .caption {
background: #fff !important;
padding: 10px
}
ul.thumbnails {
margin-bottom: 0px;
}
.caption h4 {
color: #444;
text-align: center !important;
}
.caption p {
color: #999;
}
li {
list-style-type: none;
}
#caption-value {
background-color: lightgray !important;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.page-header, .control-box {
text-align: center;
}
}
@media (max-width: 479px) {
.caption {
word-break: break-all;
}
}
ul.thumbnails {
padding: 0;
}
哪裏似乎是一個問題嗎?
你能創建的jsfiddle演示或任何工作的例子嗎? –
以及我懷疑是否有可能使JSfiddle,因爲沒有什麼會顯示,因爲它從數據庫中獲取數據@SanjeevK – aiden87