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

问题描述:

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

the code for grid layout for index

when experimenting with screen sizes and larger data

根据我可以在图像上看到,我说你的左上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> 
+0

感谢,但通过我得到这个错误,你可以在给出的图像中看到。 –