本页http://opensourceeducation.in我想将左边的 div 移动到另一个下方,而不是并排移动。下面的代码用于创建它们。我的大部分尝试都干扰了右侧的 facebook 或 twitter 提要。
while($row=$result->fetch_array(MYSQLI_ASSOC))
{
echo'
<div class="col-sm-6 col-md-4" style="float:left;position:relative;display:inline;">
<div class="thumbnail">
<div class="caption">
<h3 class="captionhead">'.$row['TITLE'].'</h3>
<p class="description">'.$row['Data'].'</p></div>
<div style="margin-bottom:auto;margin-top:15em;position:relative;">
<a href="#" class="btn btn-default" role="button"><span class="glyphicon glyphicon-heart"></span> Like</a>
<a href="#" class="btn btn-default" role="button"><span class="glyphicon glyphicon-heart-empty"></span> Dislike</a>
<a href="downloader.php?id='.$row['vdo_code'].'" class="btn btn-primary">Download</a>
<a class="btn btn-success" href="player.php?id='.$row['vdo_code'].'" > PlaY </a></div>
</div>
</div>
';
}
更新 删除了 float:left 和 display:inline 还是一样。
也尝试使用 col-md-12 col-md-12 但 facebookfeed 正在向下移动直到最后一个 div
最佳答案
将类从 col-sm-6 col-md-4
更改为 col-sm-12 col-md-12
。
关于css - Div 没有向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21018495/