HTML - Problemas con las columnas de Bootstrap

 
Vista:

Problemas con las columnas de Bootstrap

Publicado por Ruben (2 intervenciones) el 13/04/2020 22:58:24
Estoy trabajando con las columnas de Bootstrap para hacer una especie de portada. Quiero una entrada en más grande que las demás, y al lado, otros 4 artículos pero más pequeños. El problema viene con los dos artículos pequeños, cuando añado los dos primeros no hay problema, pero al añadir los otros 2, no se alinean como quiero (https://imgur.com/a/aqXIw54) y se desplazan hasta abajo de la entrada grande.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<section class="cont">
   <div class="container">
       <div class="row">
           <div class="blog-items position-relative mb-2 col-md-6">
               <a href="#">
                   <div class="blog-info position-absolute">
                       <h5>MÁS DEL TITULAR</h5>
                 <p class="text-gold mb-3"><span class="font-weight-bold">DATOS</span></p>
                   </div>
                   <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
               </a>
           </div>
 
            <article class="blog-items position-relative mb-2 col-md-3">
                <a href="#">
                   <div class="blog-inf position-absolute">
                       <h5>TITULO BLOG</h5>
                   <p class="text-gold mb-3"><span class="font-weight-bold">DATOS</span></p>
                   </div>
                   <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
                </a>
            </article>
 
            <article class="blog-items position-relative mb-2 col-md-3" >
               <a href="#">
                   <div class="blog-inf position-absolute">
                       <h5>MÁS DEL TITULAR</h5>
                 <p class="text-gold mb-3"><span class="font-weight-bold">DATOS</span></p>
                   </div>
                   <img src="img/chicks-5014152_640.jpg" class="img-fluid rounded">
               </a>
            </article>
 
 
       </div>
   </div>
</section>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder