Pasos para crear template con Bootstrap

Paso 1

Declaramos la estructura

Paso 2

llamado de  Js y Css dentro de la etiqueta <head></head>

Nota: los archivos Js, Css pueden tambien ser almacenado en sus carpetas que las identifique y ser llamados para evitar que sobre cargue la pagina.

Paso 3

Se encuentra 2 formas de crear estilo personalizado.

  1. En el head
  2. Creando un archivo custom.css

En este caso en el head se personaliza los estilos Css

Paso 4

En el caso que se implemente un menu
se aplica en la etiqueta <body></body> para mas detalles puedes visitar el link navbar

Paso 5

Bajo la muestra de diseño, se genero la estructura en la pagina

La etiqueta container-fluid De esta forma las filas se alinean bien y muestran el padding correcto.

Añadir Google Fonts en Bootstrap 4

Paso 1

Consultamos la pagina de Fonts Google en donde aparecen las distintas fuentes a utilizar. damos click en el boton [+] y aparece el link al igual que la linea de fuente.

Paso 2

Dentro de la etiqueta <head></head> declaramos el link de la fuente esta linea de fuente.

Paso 3

Seguidamente, en cualquier etiqueta podemos añadir la fuente, en este caso se añade como ejemplo en la etiqueta h2 en el archivo custom.css

Paso 3

Refrescamos la pagina y listo.