bootstrap 3 个缩略图未在页面上重复

Question

我知道我做了一些傻事，但还在学习BS3，谁能告诉我为什么这个页面不是三行，而是每行只显示一个？

我正在使用数据驱动的信息，代码在下面，我的问题可以在 http://ncpeachrecipes.com/index.php 查看（我知道这通常是不受欢迎的，希望这没问题）

<div class="container-fluid">
<div class="row">
<div class="col-sm-6 col-md-4">
<div data-binding-id="repeat1" data-binding-repeat="DETAILS.data">
<div class="thumbnail">
<img class="img-circle" src="" data-binding-src="images/th_{{IMAGE}}" />
<div class="caption" align="center">
<h5><strong>{{NAME}}</strong></h5>
<p><a href="show_recipe.php?ID={{ID}}" class="btn btn-primary" role="button">View the Recipe</a> </p>
</div>
</div>
</div>          
</div>
</div>
</div>

Answer 1

这是因为您创建了一行和一列，这意味着它只会创建一列。

如果您将重复放在列块中，它们将彼此并排创建，而不是在下方创建。

bootstrap 3 个缩略图未在页面上重复

bootstrap 3 thumbnail not repeating across the page

twitter-bootstrap-3

thumbnails