我怎样才能实现这个设计

Question

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

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

好的，我正在努力实现您在上面看到的设计（桌面视图），但我的图片总是溢出来。我可以隐藏 overflow-y but I don't want to do that. My CSS is just Bootstrap, by the way. I was thinking about making 3 sections on each row that each has a width of 33% with a 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 标签使用背景图片。

在 class 中设置背景图片或将其与您的栏一起放置 div。

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

谢谢。

我怎样才能实现这个设计

How can I achieve this design

css

responsive-design

twitter-bootstrap