Los mejores cursos en español para estudiar el framework de Bootstrap.

Los Mejores Cursos Gratis Bootstrap

⬅ REGRESAR al Índice de CURSOS GRATIS 🏡

Bootstrap es la opción de marco CSS más popular cuando se trata de un desarrollo web front-end receptivo y móvil. Además, es gratuito y de código abierto.

Lanzado en 2011, Bootstrap tiene todas las plantillas de diseño basadas en CSS y JS que se requieren para crear botones, formularios, navegación, tipografía y otros componentes de la interfaz.

Principales preguntas de la entrevista de Bootstrap Existe una gran posibilidad de que una entrevista de trabajo de desarrollo web incluya preguntas basadas en Bootstrap. Por lo tanto, debe mantener su preparación de Bootstrap para obtener el papel. Para ayudarlo con la causa, aquí están las principales preguntas de la entrevista de Bootstrap con respuestas:

¿Qué quiere decir Bootstrap Grid System?

Bootstrap Grid System es un sistema receptivo, primero móvil que escala hasta 12 columnas según el aumento en el tamaño del dispositivo o la ventana gráfica. El sistema cuenta con clases predefinidas para opciones de diseño fáciles y combinaciones poderosas para generar diseños semánticos de manera efectiva.

¿Qué es Normalize en Bootstrap?

Para establecer la coherencia entre navegadores, Bootstrap utiliza Normalize. Es un pequeño archivo CSS capaz de ofrecer una mejor coherencia entre navegadores en el estilo predeterminado de los elementos HTML. Además, Normalize.css es una alternativa moderna y lista para HTML5 a los restablecimientos de CSS .

¿Qué listas se pueden crear con Bootstrap?

A continuación se muestran los tres tipos de listas compatibles con Bootstrap:

  1. Listas de definición: este tipo de lista permite que cada elemento de la lista tenga los elementos <dt> y <dd>. El <dt> denota término de definición, que es el término o frase que se define. El elemento <dd> contiene la definición del elemento <dt>.
  2. Listas ordenadas: este tipo de lista sigue algún tipo de orden secuencial. Además, está precedido por números.
  3. Listas desordenadas : tradicionalmente diseñadas con viñetas, una lista desordenada no sigue ningún orden en particular. El uso de la clase .list-unstyled permite eliminar el estilo de las viñetas de la lista desordenada. Para colocar todos los elementos de la lista en una sola línea, se puede utilizar la clase .list-inline.

¿Qué son los glifos? ¿Cómo se usan?

Los glifos son fuentes de iconos que se utilizan en proyectos web. Aunque los Glyphicons Halflings no son gratuitos y requieren licencia en general, están disponibles sin costo para los proyectos de Bootstrap.

Actualmente, Bootstrap ha creado su propia fuente de iconos, totalmente gratuita.

¿Podría explicar cómo usar el complemento desplegable en Bootstrap?

Hay tres formas de alternar el contenido oculto del complemento desplegable en Bootstrap:

Con atributos de datos : agregando el atributo data-toggle="desplegable" a algún botón o vínculo para alternar el menú desplegable. Por ejemplo,

< una técnica de palanca = "desplegable" href = "#" > desplegable de disparo </ a > < ul clase = "menú desplegable," función = "menú" aria-labelledby = "dlabel" > ... </ ul > </ div > Con JavaScript: el siguiente método se usa para llamar al menú desplegable a través de JS: $ ( '.dropdown-toggle' ) .dropdown () Usar el atributo de destino de datos en lugar de href = “#”: si el navegador web no habilita JavaScript, entonces es mejor mantener los enlaces intactos. Para esto, se prefiere el atributo de destino de datos sobre href = “#”. Por ejemplo,
< un ID = "" dlabel roles = "button" datos de palanca = "desplegable" datos de destino = "#" href = "/somepage.html" > Desplegable < span class = "caret" > </ span > </ a > < ul class = "dropdown-menu" role = "menu" aria-labelledby = "dLabel" > ... </ ul > </ div > Pregunta: proporcione una explicación de los grupos de entrada en Bootstrap. Respuesta : Los grupos de entrada son simplemente controles de formulario extendidos en Bootstrap. Se pueden agregar y anteponer botones o texto fácilmente a las entradas basadas en texto utilizando los grupos de entrada. Agregar y anteponer contenido a un campo de entrada permite agregar elementos comunes a la entrada del usuario. Puede agregar o anteponer elementos a un .form-control mediante: Envolviéndolo en un elemento
con la clase .input-group Con el mismo elemento
, coloque el contenido adicional dentro de un elemento con la clase .input-group-addon Finalmente, coloque el elemento antes o después del elemento según sea necesario Pregunta: ¿Cómo creará un menú de navegación con pestañas, píldoras y píldoras verticales en Bootstrap? Respuesta : Para crear un menú de navegación con pestañas Comience con una lista básica desordenada con la clase base .nav Ahora, agregue la clase .nav-tabs Para crear un menú de navegación de pastillas Comience con una lista básica desordenada con la clase base .nav Ahora, agregue la clase de píldoras .nav Para crear un menú de navegación de píldoras verticales Apile las pastillas verticalmente usando la clase apilada .nav Ahora, agregue las clases .nav y .nav-pills Pregunta: ¿Qué entiende por la barra de navegación Bootstrap? ¿Cómo vas a crear uno? Respuesta : Una de las características más destacadas de Bootstrap, una barra de navegación es un componente 'meta' sensible que sirve como encabezado de navegación para una aplicación o sitio web. Puede haber varias barras de navegación en una aplicación o sitio web. En las vistas móviles, una barra de navegación se colapsa y se vuelve horizontal cuando aumenta el ancho de la ventana gráfica disponible. La barra de navegación incluye estilos para la navegación básica y los nombres de los sitios. A continuación se explica cómo crear una barra de navegación en Bootstrap: Agregue las clases .navbar y .navbar-default a la etiqueta