Виктор Таран

проблема не нова и сваливание блоков в зависимости от контента, это частая прблемма каталогов.
Решений несколько у всех есть свои плюсы и минусы.
Я пользуюсь следующим.
www.mydefile.ru/catalog
Смотри между дивами
В моем случае все что потребуется это уже программист ( не верстак)
добавит условие к выводу элементов товаров.
В моем случмае это каждый 3 <div class="col-lg-12 visible-lg"></div>
и каждый второй
ну и <div class="col-xs-12 hidden-lg"></div> каждый 2
В результате у тебя получается принудительная отбивка элементов стандартным средством бутстрап. При этом нет даже теоретической возможности что он не отобьет, притом на каждом разрешение оно отбивается по своему.
Да остаются пустые дивы, но это не js не ajax , и не боже упроси фиксовые размеры карточки товара.
В таком раскладе как бы не вылазила карточка сколько не было бы контента покоцаются только ближайшие к нему дивы. Притом это увеличение отступа снизу у соседних двух.

<col-6>
<col-6>
<div class="col-md-12></div>
<col-6>
<col-6>
<div class="col-md-12></div>
<col-6>
<col-6>

Дешево сердито и всегда работать будет.
Все что нужно делать, Это на php выводить каждый второй элемент пустой див кол 12 притом на выводе.
ни цсс ни жс ни аякса
ни абсалютов ни мин макс хейт видтх и тд.
дешево и сердито.

примр
www.mydefile.ru/catalog

https://mcdonalds.ru/ - вроде не жалуются.
Все кто говорят что бустрап не подходит, просто работают по старинке.
С точки зрения верстака - так ему вообще плевать на бутстрап.
С точки зрения менеджера проекта - однозначно только бутстрап.

+1
вы же не трогаете сам файл бутстрапа????!, так что перегенерируйте его, под свое разрешение.

Однако !
куда правильней будет переделать макет под >768
Поскольку терять стандартный файл и переходить на кастом, из-за дизайна 1 странички это всеже, не стоит того.
Да и нет телефона с такой плотностью пиксела. Скорее всего вам проще сделать это графическое решение на sm, а xs сделать с другим дизайн решением.

Плюс фреймоворка в " ожидаемости эффекта" и да естественно его можно кастомить.
Но По умолчанию лучше стараться использовать стандартные сетки какраз для ожидаемости эффекта.
Вы со временем привыкаете к колонке 100px 15-row 1170 -container и это тоже дает свой прирост в скорости работы. Так что кастом вещь хорошая но отнюдь не всегда оправдывает себя.

в зависимости от того что тебе нужн, если тебе нужно выровнять колонки по высоте то есть несколько вариантов решения.
Все имеют свои плюсы и минусы.
Если тебе нужно сделать одинаковые колонки в каталоге товара что чаще всего бывает.
То тут все просто кидай дополнитеьно после каждой второй позиции.дви кол-12
Если нужно более сложно когда есть 2-3 колонки в зависимости от разрешения то по той же схеме но показывать этот див толко на этом разрешение.
Пример
mydefile.ru/catalog
С точки зрения программирования это очень просто добавить пустой див в каждй второй и третий товар. НЕ требуется ни жс ни медиа запросов никаких костылей. 100% товар видно и ние не уползет. Дешево и сердито
Если же верстка более сложная и требуется высота то это проще ее реально задать. Но скорее всего ты говориш о динамическом каталоге

ниче не нужно придумывать сделай все справа а потом сделай пуш пул
собственно он вот для такой фигни и нужен.
ниче писат не нужно будет

4 очень много уже умеет интересного
но всего лишь альфа
и вроде как пикс вернут. короче пока еще ждем ;(

1. не стоит так часто пользовать row без надобности, вам хватило бы 1 а вот push pull через него прыгать не умеют.
2. По сути вопроса в некоторых случаях помогает банальный clearfix
в вашем случае вариантов несколько. Мжно банально заменить ваши классы row на col-xs-12 и сверху кинуть на них общий row в таком сучае между ними будет разделитель.
Если у вас там адаптив и количество колонок меняется то тоже способ есть. но не было в тз

<div class="row">
<div class="col-sm-12">
        <div class="col-sm-4">
            <div class="avatar"></div>
        </div>
        <div class="col-sm-8">
            <div class="wall"></div>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="col-sm-4">
            <div class="frends"></div>
        </div>
        <div class="col-sm-8"></div>
        <div class="col-sm-4"></div>
    </div>
</div>
</div>

я мож туплю но у вас две колонки
откуда кол 12 ?
Я могу придумать милион способов сделать это же самое без костылей и единого стиля.
Зачем вы на бутстрапе выдумывете велосипед
да еще и с

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.wraper li{
	width: 29.33333%;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.wraper li{
	width: 46%;

Притом не попадая ни в одно из разрешений ?

Уж если вы решили сочинить свой фреймворк который не будет сильно мешать бутстрапу то хотябы так

@media(max-width:767px){}

/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}

вы изначально более детально опишите что вам нужно, или дайте протатип.
Сейчас ваша верстка похожа на то что вас обязали сделать на бутстрапе. Вы подключили цсс использовали пару классов, и дальше по старинке стали ручками собирать.
В результате у вас получится что -то вроде вот такой сипотной верстки, при виде которой на глаз наворачивается слеза.
demo.warungthemes.com/html/ameera/archive-grid-ful...

А в вашей верстке бутстрап только мешается.

фотошоп к нему рисуешь сетку

ну если честно то думаю это уже не верстка а php код со своей логикой, не думаю что если у вас исчезнут несколько позиций с каталога это будет правильно, если вам прям так нужно чтоб небыл опрокрутки это вам нужно вводить меньше элементов а этото уже не верстка, тут вам нужно подключать уже пейдженацию.

ну очень странный вопрос.
Ну тайтлы нужны ну дескрипшены
Ну микроразметка не плохо будет
ну текст было бы неплохо
Ком предложение
активное действие.
СОбственнно тут для успешного сео не хватает всего-то сайта.
Ну и да для сео Лендинги ващет не особо.

hidden-xs hidden-sm
visible-xs visible-sm

Как вариант на мобилку вообще сделай hidden-xs и поставь уже статический баннерок, всеже это мобилка а это баннера которые весят как кони.

согласен с высказыванием вышестоящим.
Теперь по реальным ошибкам.
Вопервых в бутстрапе этот отступ стандартизирован и равен 15 пикселам у тебя явно больше.
Следовательно тебе нужно будет его делать больше в следствие чего вся сетка немного поплывет, не так критично но по хорошему тебе бы в дизайне поменять под 15 пикселов, тогда тебе достаточно будет дать класс row - смотри совойства класса. соответственно так же не кисло было бы сообщить слайдер это или нет и на чем ты его собрался делать.
Так же у тебя в принципе не правильно разлинован макет, она вообще не под бутстрап, посмотри как она выглядит сетка дял бутстрапа.


Как минимум у тебя не учтены col-*-* с классом row и без него. Тебе придется изменять верстку или внешне макет или постоянно докидывать на все классы.

Отдай для начала дизайнеру на переработку, пусть он переделает макет под сетку бутстрапа, иначе там от стандартного бутстрапа ничего не останется.
стандартная 1200 px 12 колонок, отступы 15, не выдумывайте велосипед на пустом месте.
Так же не забывай что между колонками так же есть градиент между 0 15 и 30 px.
Ну а уж то что по дизайну не влезет в эти парметры, вот на это ты и будешь накидывать свои уникальные классы.
Не выдумывай велосипед на пустом месте.

конечно можно, дождись 4 бутстрапа ;))

На самом деле решений несколько
1. 12 действительно не делится на 5, это помоему уже все знают.
2. Использовать container-fluid и там сделать отступы по 1 колонке тогда у вас остается 10 что хорошо делится на 5 но так сказать это решение имеет свои минусы.
3. Скомпилить себе 15 колонок - но это bootstrap-3.ru/customize.php - но это штатный но всеже кастом бутстрапа. я вообще своим запрещяю трогать эти файлы.
4. отказаться в этом диве от бутстрапа и сверстать в нем обычной класической версткой - но тут теряете адаптив ну или нужно хорошо сверстать.

можно придумать еще с десяток вариантов, но все они сводятся к мысле что 12 на 5 всеже не делится.

по мне так остальные варианты верстки сейчас умирают.
Тут конечно у всех свои мениня. Но даже битрикс отказался от своего фреймворка и прееводит д7 на бутстрап.
Не говоря что уже жумула вордпресс давно на нем сидят.
Конечно можно говорить о вариантах но всеже бутстрап наступает.