в этот div я помещаю другой div, созданный с помощью вызова ajax.Я создал div, который затем будет заполнен данными. Div это:" />

Boostrap динамическая позиция div

40 просмотра

1 ответ

Мне нужна твоя помощь.

у меня есть два родителя div,

<div class="container-fluid" >
 <div class="row-fluid" id="id">

в этот div я помещаю другой div, созданный с помощью вызова ajax.

Я создал div, который затем будет заполнен данными. Div это:

       <div class="col-sm-3 col-md-5 space">
            <h2 style="color:#900000">###</h2>
            <p class="lead">###
            <p>
            <p style="text-align: right"><i class="fa fa-clock-o"></i>12/5/24</p>
            <div class="thumbnail">
                <img src="">
            </div>

            <div class="caption">
                <p>Differetn lenght of data  -<<< PROBLEM IS HERE
                   text.</p>


                <a href=download="sss" class="padd">Allegato: ssss'</a>
                <br>
            </div>
        </div>

Вызов ajax делает 5 div из них разной длины.

это - сейчас как я хочу

РЕДАКТИРОВАНИЕ каменной кладки введите описание изображения здесь

Автор: Taioli Francesco Источник Размещён: 08.11.2019 11:21

Ответы (1)


0 плюса

Используйте этот плагин кладки

HTML

<div class="container masonry">
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick large"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick large"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick large"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick small"></div>
    <div class="block masonry-brick medium"></div>
    <div class="block masonry-brick large"></div>
</div>

JS

$('.container').masonry({
    // options
    itemSelector : '.block',

});

Для демонстрации

Автор: Shrinivas Pai Размещён: 20.08.2016 01:31
Вопросы из категории :
32x32