¡Atención! Para ver este video completo, inicia sesión con tu cuenta de Cursos o inscríbete en tu prueba gratuita de 7 días. Iniciar sesión Inscribirse

Conceptos básicos de Bootstrap

¡Bien hecho!

¡Has completado Conceptos Básicos de Bootstrap!

Regístrate en Treehouse Volver a la Biblioteca

Construyendo una barra de navegación

9:17 con Guil Hernandez

Bootstrap simplifica muchas tareas complejas o que requieren mucho tiempo, como construir navegaciones, controles de formularios, menús desplegables y más. En este vídeo, continuaremos construyendo el sitio Full Stack Conf usando los componentes de interfaz de usuario de Bootstrap, comenzando con la barra de navegación.

Fragmento de código

    <!-- barra de navegación -->
    <nav class=navbar navbar-expand-lg navbar-dark bg-primary fixed-top>
      <div class=container>
        <a class=navbar-brand order-1 mr-0 href=https://www.teamtreehouse.com target=_blank>Presentado por Treehouse</a>
        <botón class=navbar-toggler type=button data-toggle=collapse data-target=#navbarNavAltMarkup aria-controls=navbarNavAltMarkup aria-expanded=falso aria-label=Alternar navegación>
          <span class=navbar-toggler-icon></span>
        </botón>
        <div class=collapse navbar-collapse id=navbarNavAltMarkup>
          <div class=navbar-nav>
            <a class=nav-item nav-link href=#home>Inicio <span class=sr-only>(actual)</span></a>
            <a class=nav-item nav-link href=#about>Acerca de</a>
            <a class=nav-item nav-link href=#speakers>Ponentes</a>
            <a class=nav-item nav-link href=#schedule>Horario</a>
          </div>
        </div>
      </div>
    </nav><!-- /barra de navegación -->

Recursos

Discusiones Relacionadas

¿Tienes preguntas sobre este video?

Registrarse

    Discusiones Relacionadas

    ¿Tienes preguntas sobre este video?

    Registrarse

    Bootstrap simplifica muchas tareas complejas o que requieren mucho tiempo, como construir sistemas de navegación, controles de formularios, menús desplegables y más. 0:00
    Por ejemplo, componentes interactivos como menús desplegables, alertas y ventanas modales requieren JavaScript para funcionar. 0:00
    Pero Bootstrap te permite crear rápidamente un componente interactivo simplemente dándole a un elemento una clase, un ID o un atributo de datos. 0:03
    No tienes que escribir ningún JavaScript, porque Bootstrap ya lo proporciona. 0:07
    En la última sección de este curso, viste cómo Bootstrap simplifica enormemente el diseño de páginas. 0:11
    El diseño CSS puede ser complicado y crear tu propio sistema de cuadrícula CSS requiere mucho tiempo. 0:14
    Construir una Barra de Navegación. Bootstrap simplifica muchas tareas complejas o que requieren mucho tiempo, como construir navegaciones, controles de formularios, menús desplegables y más. En... 0:18
    En la última sección de este curso, 0:21
    viste cómo Bootstrap simplifica enormemente el diseño de páginas. 0:24
    El diseño CSS puede ser complicado, y 0:28
    crear tu propio sistema de cuadrícula CSS consume mucho tiempo. 0:29

    Necesitas registrarte en Treehouse para descargar archivos del curso.

    Registrarse

      Necesitas registrarte en Treehouse para configurar Workspace.

      Registrarse