带引导CSS浮动的pinterest不工作
我有一些CSS的问题,引导和有我的div在一个引脚样式 我正在使用此代码使其工作带引导CSS浮动的pinterest不工作,css,twitter-bootstrap,pinterest,Css,Twitter Bootstrap,Pinterest,我有一些CSS的问题,引导和有我的div在一个引脚样式 我正在使用此代码使其工作 #columns { -webkit-column-count: 3; -webkit-column-gap: 0px; -webkit-column-fill: auto; -moz-column-count: 3; -moz-column-gap: 0px; -moz-column-fill: auto; column-count: 3; colu
#columns {
-webkit-column-count: 3;
-webkit-column-gap: 0px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 0px;
-moz-column-fill: auto;
column-count: 3;
column-gap: 0px;
column-fill: auto;
}
.pin {
display: inline-block;
width:100% !important;
background: #FEFEFE;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
我的html是
<div class="row top-buffer" id="columns">
<?php
$blog = Syscore::load_blog();
foreach($blog as $post)
{
?>
<div class="col-lg-4 col-md-4 col-sm-4 pin">
<div class="thumbnail">
<?php
if(!empty($post['main_image']))
{
echo '<img src="'.$post['main_image'].'" alt="'.$post['title'].'" style="width:300px !important;">';
}
else{
echo '<img data-src="holder.js/300x150" alt="...">';
}
?>
<div class="caption">
<h3><?=$post['title'];?></h3>
<p>
<?php
$content = html_entity_decode($post['content']);
preg_match('/^([^.!?]*[\.!?]+){0,3}/', strip_tags($content), $abstract);
echo self::limit_words($abstract[0],15)
?>...</p>
<p><a href="//<?=SITEURL;?>/<?=$post['url'];?>" class="btn btn-default" role="button">Read More</a></p>
</div>
</div>
</div>
<?php
}
?>
</div>
你可以看到它在做什么,而不是排列顶部的柱子-
有什么建议吗