Каменная кладка с разным бутстрапом 3 класс реагирующих столбцов

У меня эти столбцы и каменная кладка отлично справляются на некоторых этапах, но не удается сохранить последние столбцы в col-xs-6, когда экран «лишний».Каменная кладка с разным бутстрапом 3 класс реагирующих столбцов

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

Это хорошо размер экрана среды + enter image description here

Это хорошо размер экрана небольшой enter image description here

Это сломанные последние два столбца должно быть 6 не 12 enter image description here

источник

2013-11-07 ThomasReggi

Я понимаю, что это вопрос ширины. Я просто все еще не уверен, как иметь множественную чувствительную ширину в сетке. – ThomasReggi

Нет времени, чтобы поиграть, но я считаю, что сам bootstrap 3.0 будет достаточным для его завершения. Для этого не требуется масонство. На самом деле, кажется, что его кладка вызывает проблему с интервалом/шириной, которая делает последние 2 divs потоком один ниже другого. –

Здесь у вас есть бутстрап и кладка, которые делают вещи с этими элементами. Bootstrap использует медиа-запросы для элементов и меняет их ширину и складывает их по-разному при изменении окна. Масонство пытается сделать аналогичную вещь, укладывая элементы рядом друг с другом, потому что бутстрап делает элементы более широкими на меньших размерах, кладка не может их правильно уложить.

ProTip: Это очень поможет при отладке, если вы изменили фон элементов на фоне корпуса, таким образом вы могли видеть фактические размеры элементов переднего плана.

источник

2016-04-08 03:08:41 ThomasReggi

Каменная кладка с разным бутстрапом 3 класс реагирующих столбцов

ответ

Смежные вопросы