Rails引导索引页面网格布局错误

时间:2016-11-07 09:33:09

标签: ruby-on-rails twitter-bootstrap gridview blogs

我遇到了一个非常不寻常的bootstrap行为。我正在使用rails,我必须在tile系统中构建一个包含博客的索引页面。它适用于较大的屏幕,但是当我们减小尺寸时,它会创造额外的空间。无法弄清楚为什么要创建这个空间。任何帮助将不胜感激。

the code for grid layout for index

when experimenting with screen sizes and larger data

1 个答案:

答案 0 :(得分:1)

根据我在图像上看到的内容,我会说左上角div的内容大于右上角div的内容。 我对不同尺寸的图像有类似的问题。

尝试将内容放在行内,这样可以防止出现巨大的空白。

示例:

<div class='container'>
 <div class='row'>
   <div class='col-xs-6'></div>
   <div class='col-xs-6'></div>
 </div>
 <div class='row'>
   <div class='col-xs-6'></div>
   <div class='col-xs-6'></div>
 </div>
</div>