Rails bootstrap index page grid layout error

Question

Я застрял в очень необычном поведении бутстрапа. Я работаю с рельсами, в которых мне нужно создать индексную страницу, содержащую блоги в системе плит. Он отлично работает для большего экрана, но когда мы уменьшаем размер, он создает дополнительное пространство. Невозможно понять, почему это пространство создается. Любая помощь будет оценена по достоинству.

the code for grid layout for index

when experimenting with screen sizes and larger data

Answer 1

Основываясь на том, что я могу видеть на картинке, я бы сказал, что содержание вашей верхней левой 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>