Introducción de bootstrap para blogger | Como usar Bootstrap en blogger.
Comienza con Bootstrap, el marco más popular del mundo para crear sitios receptivos para dispositivos móviles, con Bootstrap CDN y una página de inicio de plantilla. Ahora es mas fácil editar o modificar la plantilla html de nuestro blog de blogger, y que luzca como una pagina web profesional. Si eres principiante y no tienes mucho conocimiento a cerca de códigos, no te preocupes ya que con los códigos de bootstrap, no hay que agregar mucho css ya que los estilos, tamaños de texto y mucho mas ya esta predefinido o casi listo! solo cambiemos la posición de los códigos o agreguemos algo mas para que todo quede perfecto. Con las herramientas que nos facilita bootstrap, podremos agregar: Navbar Botones Texto adornado o con color de fondo slider tarjetas listas tablas de contenido footer y mucho mas!! esto es maravilloso :) Es muy importante que incluyas los códigos que se presenta abajo a tu plantilla html, una sola vez. (si ya lo haz hecho anteriormente, ya no tienes que hacerlo)
CSS:
Copia y pega el <link> para los estilos futuros en <head> para cargar estilos CSS de bootstrap (esto se ara una sola vez) si ya han pegado el link antes ya no deberán hacerlo.
Muchos de los componentes requieren el uso de JavaScript para funcionar. Específicamente, requieren jQuery, Popper.js y los Bootstrap incluye sus complementos de JavaScript. Coloquen los siguientes <script> cerca del final de sus páginas, justo antes de la etiqueta de cierre </body>, para habilitarlos. jQuery debe venir primero, luego Popper.js, y luego los complementos de JavaScript de bootstrap.
Usan la versión delgada de jQuery, pero la versión completa también es compatible.
Plantilla de inicio Asegúrense de tener sus páginas configuradas con los últimos estándares de diseño y desarrollo. Eso significa usar un doctype HTML5 e incluir una metaetiqueta de ventana gráfica para comportamientos receptivos adecuados. Ponlo todo junto y tus páginas deberían verse así:
<!doctype html><htmllang="en"><head><!-- meta tags requeridos --><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- Bootstrap CSS requeridos --><linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"crossorigin="anonymous"><title>Hola mundo!</title></head><body><h1>Hola mundo!</h1><!-- Opcional JavaScript requeridos--><!-- jQuery primero, luego Popper.js, y Bootstrap JS requeridos --><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"crossorigin="anonymous"></script></body></html>
Si tienen dudad pueden contactarme o visitar la pagina oficial de Bootstrap solo que esta en Ingles.
