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
0