Bootstrap 3 & Kason: установка четырех колонок

Question

Я пытаюсь интегрировать Masonry с Bootstrap 3. Моя цель - показать 4 предмета в строке.

Без Masonry Показаны с 4 позиций, но после интеграции Masonry, его отображение 3 изделия.

Это ссылка JS скрипку за то, что я сделал

JSFIDDLE Ссылка: http://jsfiddle.net/7Lptygkn/1/

Ссылка на параметры масонства: http://masonry.desandro.com/options.html

Я установил следующие опции инициализации:

$(document).ready(function() { 
    var $container = $('#feed-list'); 
    $container.masonry({ 
     itemSelector: '.feed', 
     columnWidth: '.feed', 
     transitionDuration: 0 
    }); 
}); 

Любая помощь будет оценена по достоинству. Заранее спасибо.

Answer 1

Изменить это: <div id="feed-list" class="col-xs-12">

Для этого: <div id="feed-list" class="row">

Работа скрипку здесь: http://jsfiddle.net/e8qf2cmt/

Вот хороший пример с вкладками тоже: http://codepen.io/SitePoint/pen/mywEMR/