How to mount this layout in Bootstrap 3 [duplicate]

0

I'm trying to mount the grid below in Bootstrap 3.

Thisgridisbeingmountedinsideaforloop.

InthiswayIamusingtheGridSystemschema,buttheyarealignedthisway:

Thisisthecode:

<div class="col-xs-6 col-sm-3">
    <div class="panel panel-primary">
        <img class="img-circle center-block" alt="120x120" 
            src="https://hcommons.org/app/uploads/group-avatars/1000791/5913624c63eb1-bpfull.png"data-holder-rendered="true" style="width: 120px; height: 120px;">
            <span class="pull-right">
                <small> 21/11/2018 </small>
            </span>
            <div class="d-flex w-100 justify-content-between">
                <h5 class="mb-1">TITULO</h5>
            </div>

            <p class="mb-1">AQUI O PAINEL AUMENTA OU DIMINUI CONFORME A QUANTIDAD DE TEXTO QUE VEM DO LAÇO FOR </p>

            <div class="row">
                <div class="col-md-8 col-xs-12">
                    <button type="button" class="btn btn-primary btn-xs">TESTES 1</button>
                    <a class="btn btn-primary btn-xs" a href="#">TESTES 2</a>
                </div>
            </div>

    </div>
</div>
    
asked by anonymous 21.11.2018 / 22:20

1 answer

2

Using bootstrap 3 , unfortunately, it is impossible to mount a layout equal to what you want according to the first image above.

I suggest you use the following plugin so that you can achieve this result.

link

    
21.11.2018 / 22:37