Skip to main content
se eliminaron 8 caracteres en el cuerpo
Origen Enlace
Ruben
  • 15
  • 4
<section class="all">

<div class="section-1">
    <div class="container">
        <div class="row">
            <article class="position-relative mb-2 col-md-5">
                                   <a href="#">
                       <img src="img/wood-anemone-5005120_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                        <article class="position-relative mb-2 col-md-3 clearfix">">
                                   <a href="#">
                       <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>

                                <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>


        </div>
    </div>
</div>

</section>  
<section class="all">

<div class="section-1">
    <div class="container">
        <div class="row">
            <article class="position-relative mb-2 col-md-5">
                                   <a href="#">
                       <img src="img/wood-anemone-5005120_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                        <article class="position-relative mb-2 col-md-3 clearfix">
                                   <a href="#">
                       <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>

                                <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>


        </div>
    </div>
</div>

</section>  
<section class="all">

<div class="section-1">
    <div class="container">
        <div class="row">
            <article class="position-relative mb-2 col-md-5">
                                   <a href="#">
                       <img src="img/wood-anemone-5005120_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                        <article class="position-relative mb-2 col-md-3 ">
                                   <a href="#">
                       <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>

                                <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>


        </div>
    </div>
</div>

</section>  
se añadieron 1840 caracteres en el cuerpo
Origen Enlace
Ruben
  • 15
  • 4

<section class="all">

<div class="section-1">
    <div class="container">
        <div class="row">
            <article class="position-relative mb-2 col-md-5">
                                   <a href="#">
                       <img src="img/wood-anemone-5005120_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                        <article class="position-relative mb-2 col-md-3 clearfix">
                                   <a href="#">
                       <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>

                                <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>


        </div>
    </div>
</div>

</section>  

<section class="all">

<div class="section-1">
    <div class="container">
        <div class="row">
            <article class="position-relative mb-2 col-md-5">
                                   <a href="#">
                       <img src="img/wood-anemone-5005120_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                        <article class="position-relative mb-2 col-md-3 clearfix">
                                   <a href="#">
                       <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
            
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>

                                <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>
                                    <article class="position-relative mb-2 col-md-3">
                                   <a href="#">
                       <img src="img/background-4825512_640.jpg" class="img-fluid rounded">
                   </a>
            </article>


        </div>
    </div>
</div>

</section>  

Origen Enlace
Ruben
  • 15
  • 4

¿Por qué Bootstrap define una altura ya a las columnas?

Estoy intentando hacer un portafolio y quiero que una columna sea más grande que otras 4. El problema es que Bootstrap me define ya la altura de la más grande, y no deja me pasa que las dos últimas columnas no se alinean con las de arriba y se baja hasta la grande introducir la descripción de la imagen aquí

Lo que quiero que pase lo he señalado. ¿Alguien me puede decir porque Bootstrap define la altura? y ¿cómo puedo ajustarla?introducir la descripción de la imagen aquí