Q # 12) What is a progress bar in bootstrap?

Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.

Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.

Answer: The contextual classes used with progressive bar are as follows.

• Progress-success
• Progress-info
• Progress-warning
• Progress-danger

Q # 14) What are responsive utility classes in Bootstrap?

Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.

Example: “hidden-md-down”, It hides

Q # 15) What are the different button styles in Bootstrap?

Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.

• .btn-default.
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning.
• .btn-danger.
• .btn-link.

Q # 16) What are Bootstrap alerts?

Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.

There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.

Q # 17) Define Bootstrap thumbnails.

Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.

This will add four pixels of padding and a grey border.

Q # 18) Explain Modal plugin in Bootstrap.

Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.

Q # 19) Which class is used for pagination in Bootstrap?

Answer: To add pagination on the webpage we have to use the class .pagination .

Q # 20) Explain what is Bootstrap collapsing elements.

Answer: It allows you to collapse any particular element without using any JavaScript code.

To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.

Q # 21) What is Bootstrap Well?

Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.

Q # 22) Explain the uses of the carousel plugin in Bootstrap.

Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.

Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .

Q # 23) What will be the output of the below code and why?

Responder: Si colocamos varias barras con el mismo .Progreso elemento principal, Bootstrap los apilará en una sola barra de progreso. Como sabemos, en bootstrap la suma de la barra de progreso es 100%. Entonces, la barra de progreso dará el resultado como de ancho completo y completamente poblado.

Q # 24) ¿Cómo podemos personalizar los enlaces de paginación en Bootstrap?

Responder: Podemos personalizar los enlaces usando .discapacitado para enlaces en los que no se puede hacer clic y .activo para indicar la página actual.

Q # 25) Explique el grupo de entrada en Bootstrap.

Responder: El grupo de entrada en bootstrap se elimina de los controles. Al usar un grupo de entrada, podemos agregar fácilmente texto o botón antepuesto y anexado a las entradas basadas en texto.

Podemos anteponer y agregar elementos a un .form-control tomando todos los elementos en una clase .input-group. Después de eso, coloque su contenido adicional dentro de unen lo mismo usando clase .input-group-addon después de esto puedes colocar elelemento antes o después del elemento de entrada.

Q # 26) Escriba las formas de crear un menú de navegación con pestañas en Bootstrap.

Responder: Podemos crear navegación con pestañas haciendo una lista básica desordenada con la clase base de .no son y después de esto, podemos agregar clase .nav-tabs .

Q # 27) En Bootstrap, ¿cómo se puede crear un menú de navegación de píldoras?

Responder: El menú de navegación de píldoras en bootstrap se crea haciendo una lista desordenada al principio con la clase base de .no son y después de esto agrega la clase .nav-pastillas .

Q # 28) ¿Cómo funciona la barra de navegación en Bootstrap?

mejores programas de espionaje para celulares

Responder: En bootstrap, la barra de navegación es una característica eminente para crear un metacomponente receptivo que funciona como encabezados de navegación para su aplicación y sitio. En la vista móvil, la barra de navegación se contrae y se vuelve horizontal a medida que aumenta el ancho de la ventana gráfica disponible.

Q # 29) ¿Cómo podemos crear una barra de navegación en Bootstrap?

Responder: Para crear una barra de navegación en un bootstrap al principio, tenemos que agregar las clases .navbar , .navbar-predeterminado a la etiqueta. Después de esto, tenemos que agregar el rol = ”navegación” al elemento anterior, y esto ayudará a la inaccesibilidad.

Hemos agregado una clase de encabezado .nav-header al elemento, que incluirá un elemento con una marca de barra de navegación de clase. A partir de esto, obtendremos un texto con un tamaño mayor.

con un .panel-title class para dar más estilos en el encabezado.

Q # 39) ¿Qué es un plugin scrollspy en Bootstrap?

Responder: Es un complemento de navegación de actualización automática que permite obtener una sección de la página en función de la posición de desplazamiento. Esto se puede hacer la clase .active a la posición de desplazamiento basada en la barra de navegación.

Q # 40) ¿Cuál es el trabajo del complemento de afijo en Bootstrap?

Responder: Este complemento permite adjuntar un a una ubicación en la página.

El uso del ícono social en una página es un ejemplo de esto en el que vemos que los íconos comenzarán en una ubicación, pero cuando la página golpea una determinada marca, bloqueará el lugar y detendrá el desplazamiento por el resto del página.

Q # 41) ¿Qué es el sistema de cuadrícula en Bootstrap?

express VPN funciona en China

Responder: Al usar el sistema de cuadrícula, podemos crear hasta 12 columnas en una página. Hay diferentes clases que se han definido para esto con el propósito de la interfaz de usuario.

Q # 42) ¿Qué son las clases Grid en Bootstrap?

Responder: Hay cuatro clases de cuadrícula en Bootstrap.

Son:

• xs (Se utiliza para pantallas de teléfonos de menos de 786 px de ancho).
• sm (Se utiliza para las pantallas de tabletas que tienen más de 786px de ancho).
• Maryland (Es para pantallas de portátiles pequeños de tamaño igual o superior a 992px de ancho).
• LG (Es para pantallas de computadoras portátiles y de escritorio que tengan un ancho superior a 1200px).

Q # 43) ¿Cuáles son los estilos globales que se utilizan en Bootstrap Default Typography?

Responder: En Bootstrap, el tamaño de fuente predeterminado global es 14px y la altura de la línea es 1.428. Los cambios de fuente predeterminados para Helvetica y Arial son con respaldo sans-serif y todos estos estilos son aplicables tanto para el cuerpo como para todos los párrafos.

Q # 44) ¿Cuál será el resultado del siguiente código?

|_+_|

Responder: El resultado de esto dará las cuadrículas para dispositivos extra pequeños como podemos ver en el fragmento col-xs-12 que se ha utilizado y también dará las cuadrículas para dispositivos de escritorio y superiores como la clase col-md-3 ha sido usado.

Q # 45) ¿Qué dependencias requiere Bootstrap para funcionar correctamente?

Responder: jQuery es la única dependencia que bootstrap requiere para funcionar correctamente y esto es solo para complementos de JavaScript en bootstrap.

Q # 46) Explique qué hará el siguiente código.

|_+_|

Responder: Este código producirá un enlace con una insignia en línea que dará una notificación importante al usuario como el número recibido, mensaje recibido o el número de solicitudes, etc.

Q # 47) ¿Cuáles son los dos códigos que se utilizan para mostrar el código en Bootstrap?

Responder: Los códigos son .col-xs-12 .col-md-3

Q # 50) ¿Qué es un complemento de transición en Bootstrap?

Responder: Proporciona efectos de transición simples como deslizamiento o desvanecimiento en modales.

Q # 51) Explica el concepto de crear una forma vertical o básica en Bootstrap.

Responder: Para esto, primero tenemos que agregar un formulario de rol al elemento padre, luego tenemos que envolver etiquetas y controles en un con class.form-group y luego tenemos que agregar una clase de .form-control a todas las URL de texto y elementos .

Conclusión

Estas preguntas y respuestas de la entrevista lo ayudarán a descifrar cualquier entrevista de Bootstrap para obtener un nivel más fresco y experimentado. Y estas son las preguntas más frecuentes que se hacen en las entrevistas.

Estoy seguro de que este artículo le habría ayudado a comprender los conceptos básicos y el nivel avanzado de Bootstrap.

¡¡Te deseamos todo lo mejor para tu entrevista !!

Lectura recomendada

• Preguntas y respuestas de la entrevista
• Preguntas y respuestas de la entrevista de prueba ETL
• Las 50 preguntas y respuestas más populares de la entrevista CCNA
• 50 preguntas y respuestas principales de entrevistas de PHP (para TODOS)
• Más de 50 preguntas y respuestas principales de entrevistas de base de datos
• Algunas preguntas y respuestas complicadas sobre pruebas manuales
• Las 25 mejores preguntas y respuestas de la entrevista de pruebas ágiles
• Preguntas de la entrevista de Spock con respuestas (las más populares)