twitter-bootstrap - 我怎样才能实现这个设计

Question

http://www.awwwards.com/websites/single-page/

它被称为坏装配，位于页面底部

好吧，我正在尝试实现您在上面看到的设计(桌面 View )，但我的图片不断溢出。我可以隐藏 overflow-y但我不想那样做。顺便说一下，我的 CSS 只是 Bootstrap。我正在考虑在每行上制作 3 个部分，每个部分的宽度为 33%，带有 background-image。但是已经晚了。任何想法将不胜感激。

<div class="row">
<div class="col-md-4">
<Img src="...#>
 </div>
 <div class="col-md-4">
 <Img src="...#>
  </div>

 <div class="col-md-4">
 <Img src="...#>
 </div>

 </div>

<div class="row">
<div class="col-md-4">
<Img src="...#>
 </div>
 <div class="col-md-4">
 <Img src="...#>
  </div>

 <div class="col-md-4">
 <Img src="...#>
 </div>

 </div>

Answer 1

我没有得到你想要的...

根据您的问题..我可以建议...而不是使用 img 标签使用背景图片。

在类中设置背景图像或将其与您的列 div 一起放置。

确保图像与列的大小完全相同。

谢谢。