是否可以仅使用Bootstrap创建类似pinterest的布局？
是否可以仅使用Bootstrap创建类似pinterest的布局？
提问于 2012-09-25 02:16:35
我已经想了好一段时间了：
是否可以仅使用Twitter Bootstrap创建pinterest布局？我知道有像Masonry这样的jQuery插件，但没有它们是不可能的吗？
谢谢
回答 4
Stack Overflow用户
发布于 2014-05-04 15:28:07
我找到了这个解决方案，在bootstrap中工作(即使没有定义列大小也可以工作)，不需要javascript --我把它抓取到一个项目中，它工作得很好：
保佑你，@katiejones！
Stack Overflow用户
发布于 2015-05-29 10:49:41
在那里我们有一个名为:bootstrap-瀑布的东西：
http://mystist.github.io/bootstrap-waterfall/
但实际上，这个插件不需要bootstrap，因为它是依赖的。这取决于你是想使用bootstrap作为引脚的标记，还是只想自己设计样式。
Stack Overflow用户
发布于 2018-07-03 23:49:09
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12570559
复制相关文章
相似问题