有人可以帮助我使用bootstrap / grid

时间:2014-05-12 10:29:23

标签: html css twitter-bootstrap

我的网格框中有不同尺寸的图片。

<div class="page-header">
  <h1><img src="logo2.png" width="1047" height="101" alt="logo" longdesc="http://tvt.tyovoimalasaatio.fi"></a></h1>
</div>

以下是Fiddle

看起来像以下屏幕

enter image description here

我怎样才能得到那些3x / line和彼此?

1 个答案:

答案 0 :(得分:0)

<div class="row">
<div class="col-md-3">
    <img class="img-responsive" src="">
</div>

<div class="col-md-3">
    <img class="img-responsive" src="">
</div>

<div class="col-md-3">
    <img class="img-responsive" src="">
</div>
</div>

这是图像的基本模板,你可以把     最小高度:100px; 或者像div那样使它们平等。或者,你可以使用     填充:。 基本上,连续放3张图像,每个div放置col-md-3,这样你就有足够的空间放置图像以及设计,边距,填充等等。