No puedo utilizar bien row
y col
, me termina provocando scroll de forma horizontal. Busco la forma pero no la encuentro y al final uso display: flex
.
Saco todo, pongo solo un h1
y sigue teniendo el scroll horizontal, comienza la falla únicamente al poner row
y col
. Estoy usando Bootstrap y solamente hice un footer
con los derechos reservados, con 2 listas desordenadas
<footer class="bg-warning py-3">
<section class="row">
<article class="col-12">
<h2 class="lead text-white p-4 text-center">
<b>© Todos los derechos reservados</b>
</h2>
</article>
<article class="col-6">
<ul>
<li class="mt-2 list-unstyled">
<a class="text-white link-footer" href="">Contacto</a>
</li>
<li class="mt-2 list-unstyled">
<a class="text-white link-footer" href="">¿Quienes somos?</a>
</li>
<li class="mt-2 list-unstyled">
<a class="text-white link-footer" href="">Biblioteca de juegos</a>
</li>
</ul>
</article>
<article class="col-6">
<ul>
<li class="list-unstyled">
<a class="link-footer text-white" href="">
<i class="mt-1 me-3 text-white fa-2x fa-brands fa-facebook"></i>
Facebook</a
>
</li>
<li class="list-unstyled">
<a class="link-footer text-white" href=""
><i
class="mt-1 me-3 text-white fa-2x fa-brands fa-instagram"
></i>
Instagram</a
>
</li>
<li class="list-unstyled">
<a class="link-footer text-white" href=""
><i class="mt-1 me-3 text-white fa-2x fa-brands fa-twitter"></i
>Twitter</a
>
</li>
</ul>
</article>
</section>
</footer>