CLASE 12

-En esta clase vemos otras posibilidades que nos aportan boostrap para crear objetos útiles. Podemos crear con boostrap de forma simple un menú de navegación.

https://getbootstrap.com/docs/5.1/components/navbar/

-Con esto tenemos una barra de navegación, explicamos de que se compone:
-Existen elementos nav-item que forman los enlaces del menú.
-Uno de ellos es dropdown que a su vez tiene elementos que se muestran al pulsar (dropdown-item)
-Podemos indicar que un enlace no esta disponible con la propiedad disabled
-La barra de navegación contiene ya un formulario con el cambio de búsqueda
-En el ejemplo se utilizan modificadores a cada uno de los elementos que pueden ser útiles.
 

-Probamos otro elemento que son las migas de pan(breadcrumb)

https://getbootstrap.com/docs/5.1/components/breadcrumb/

-El boostrap puede editarse colocando un CSS que lo modifique probamos creando el siguiente CSS:
-Creamos un archivo css y lo enlazamos después de los css de boostrap.

        (EN EL HEAD)

       
       
-En el head también incluimos la fuente de google fonts, y en su css también.

body{ font-family: 'Dosis', sans-serif; color:chartreuse;}

(Aquí definimos el cuerpo, la clase de letra que queremos poner y el color de la letra)

.bg-primary{background-color: brown !important;}
.bg-secondary{background-color: chocolate !important;}
-Podemos cambiar también el valor de fondo primario o secundario definiendo el color que queramos. Y así se podría cambiar todo.

.nav-item{font-size: 25px;}
.navbar-brand{font-size: 40px; color: darkorchid !important;}-Hemos cambiado el tamaño, y color de cada sección, de la forma que queramos.

a{text-decoration: none;}
Luego queremos quitar el subrayado de los enlaces, por que por defecto vienen subrayados aunque no lo queramos así, se quitaría en CSS de la siguiente forma: La a es de las clases que las define  a todas.