Bootstrap / Angular js адаптивная сетка с выпадением комментариев

#twitter-bootstrap #grid #angular-ui-bootstrap

#twitter-bootstrap #сетка #angular-ui-bootstrap

Вопрос:

Привет, я изо всех сил пытаюсь найти адаптивную сетевую систему, которая работает с bootstrap / angular.js

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

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

Любая помощь / совет будут с благодарностью приняты.

Ответ №1:

Я не уверен, что вы подразумеваете под выпадением комментариев, но если вы не используете контейнер-жидкость, bootstrap должен нормально работать с кладкой.

 $(document).ready(function () {

    $("#posts").masonry({
        itemSelector: '.post',
        isAnimated: true,
        columnWidth: function( containerWidth ) {

            // do nothing for browsers with no media query support
            // .container will always be 940px
            if($(".container").width() == 940) {
                return 240;
            }   

            var width = $(window).width();
            var col = 300;

            if(width amp;< 1200 amp;amp;amp;amp; width amp;>= 980) {
                col = 240;
            }
            else if(width amp;< 980 amp;amp;amp;amp; width amp;>= 768) {
                col = 186;
            }

            return col;
        }
    });
});
 

http://jsfiddle.net/mWtmY/288/

Комментарии:

1. Извините, я имею в виду, что если пользователь нажимает на один из разделов, которые упорядочиваются с помощью masonry, я бы хотел, чтобы выбранный div увеличил свою высоту, чтобы показать текст.