Saltar al contenido

ejemplos de pie de página de bootstrap

Investigamos por diferentes espacios para así traerte la solución para tu inquietud, si tienes alguna difcultad deja tu duda y te respondemos con gusto.

Ejemplo 1: pie de página de bootstrap 4

<footerclass="page-footer font-small blue pt-4"><divclass="container-fluid text-center text-md-left"><divclass="row"><divclass="col-md-6 mt-md-0 mt-3"><h5class="text-uppercase">Footer Contenth5><p>Here you can use rows and columns to organize your footer content.p>div><hrclass="clearfix w-100 d-md-none pb-3"><divclass="col-md-3 mb-md-0 mb-3"><h5class="text-uppercase">Linksh5><ulclass="list-unstyled"><li><ahref="#!">Link 1a>li><li><ahref="#!">Link 2a>li><li><ahref="#!">Link 3a>li><li><ahref="#!">Link 4a>li>ul>div><divclass="col-md-3 mb-md-0 mb-3"><h5class="text-uppercase">Linksh5><ulclass="list-unstyled"><li><ahref="#!">Link 1a>li><li><ahref="#!">Link 2a>li><li><ahref="#!">Link 3a>li><li><ahref="#!">Link 4a>li>ul>div>div>div><divclass="footer-copyright text-center py-3">© 2020 Copyright:
    <ahref="https://mdbootstrap.com/"> MDBootstrap.coma>div>footer>

Ejemplo 2: faire un footer avec bootstrap

<divclass="navbar navbar-inverse navbar-fixed-bottom"><divclass="container"><pclass="navbar-text">© Randomp>div>div>

Ejemplo 3: pie de página simple de bootstarp

<footerclass="page-footer font-small cyan darken-3"><divclass="container"><divclass="row"><divclass="col-md-12 py-5"><divclass="mb-5 flex-center"><aclass="fb-ic"><iclass="fab fa-facebook-f fa-lg white-text mr-md-5 mr-3 fa-2x">i>a><aclass="tw-ic"><iclass="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x">i>a><aclass="gplus-ic"><iclass="fab fa-google-plus-g fa-lg white-text mr-md-5 mr-3 fa-2x">i>a><aclass="li-ic"><iclass="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x">i>a><aclass="ins-ic"><iclass="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x">i>a><aclass="pin-ic"><iclass="fab fa-pinterest fa-lg white-text fa-2x">i>a>div>div>div>div><divclass="footer-copyright text-center py-3">© 2020 Copyright:
    <ahref="https://mdbootstrap.com/"> MDBootstrap.coma>div>footer>

Ejemplo 4: cómo hacer un bootsrap estático de pie de página

<divclass="sticky-top">...div>

Te mostramos comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *