Aprendamos ahora a crear un diseño receptivo usando Bootstrap, una biblioteca CSS popular que se usa para diseñar y crear sitios web.
Una biblioteca está hecha de código que podemos importar y usar en nuestros proyectos. Bootstrap es una biblioteca de clases CSS que podemos usar para diseñar nuestro sitio web.
Para importar una biblioteca CSS, primero tenemos que agregar una etiqueta <link> y el atributo href. Podemos usar una CDN para importar Bootstrap desde un servidor remoto. Una CDN es una red de servidores globales que entregan contenido web rápidamente.
Bootstrap da estilos de elementos con la ayuda de clases predefinidas. Hay una serie de clases de Bootstrap que son útiles para hacer que los sitios web se adapten a pantallas más grandes o más pequeñas.
Para hacer que los elementos de la página web abarquen todo el ancho de una pantalla más grande, podemos usar la clase container-fluid .
Usemos Bootstrap para aprender a crear una barra de navegación básica que guiará a los usuarios a diferentes partes de una página web.
Para comenzar a crear una barra de navegación usando Bootstrap, primero necesitamos codificar un elemento <nav> . Luego agregamos una clase navbar al elemento <nav> para convertirlo en una barra de navegación estándar. Para que la barra de navegación responda tanto en el escritorio como en el móvil, agregamos una clase navbar-expand-md a la clase <Nav> elemento.
Si queremos incluir un logo dentro de la barra de navegación, agregamos una etiqueta img dentro del elemento nav y le damos la clase navbar-brand. Para crear un menú de barra de navegación Bootstrap, creamos una lista normal y agregamos el elemento navbar-nav class <ul> . Para agregar espacio entre los enlaces de la barra de navegación, agregamos una clase nav-link a cada elemento <a> .
