Categoría: Bootstrap

Botones Bootstrap, Glyphicons, Tablas

Posted on by Rudeus Greyrat

Introducción e instalación Sistema de red Formularios verticales, formularios horizontales, formularios en línea Pestañas desplegables y receptivas Barra de progreso y Jumbotron Después del artículo anterior , uno debe estar familiarizado con el Sistema Grid de Bootstrap. Ahora, aprenderemos a crear botones, los nuevos Glyphicons y Tables. Empecemos. Hermosos botones: Podemos hacer Botones en Bootstrap … Continue reading «Botones Bootstrap, Glyphicons, Tablas»

¿Cómo usar la superposición de imágenes correctamente con Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo usar la superposición de imágenes correctamente con Bootstrap . Pero antes de eso, primero, necesitamos saber qué es una superposición de imágenes. Superposición de imágenes: la superposición de imágenes generalmente se refiere a que la imagen es una imagen de fondo e inserta textos y enlaces dentro de esa imagen. … Continue reading «¿Cómo usar la superposición de imágenes correctamente con Bootstrap?»

Conversión de texto a voz usando Web Speech API de Google Chrome

Posted on by Rudeus Greyrat

Creating a web app that converts text to speech incorporated to it sounds pretty cool, and if all these facilities are available without the interference of any third party library then it is even more easy to implement. The web speech API provides with basic tools that can be used to create interactive web apps … Continue reading «Conversión de texto a voz usando Web Speech API de Google Chrome»

¿Cómo alinear el cuadro de contenido modal al centro de cualquier pantalla?

Posted on by Rudeus Greyrat

El complemento Bootstrap Modal es un cuadro de diálogo/ventana emergente que se muestra en la parte superior de la página actual. De forma predeterminada, la ventana modal de Bootstrap está alineada con la parte superior de la página con cierto margen. Pero puede alinearlo en el medio de la página verticalmente usando la propiedad de … Continue reading «¿Cómo alinear el cuadro de contenido modal al centro de cualquier pantalla?»

Popovers en bootstrap con ejemplos

Posted on by Rudeus Greyrat

Un Bootstrap Popover es un atributo en bootstrap que se puede usar para hacer que cualquier sitio web se vea más dinámico. Los popovers generalmente se usan para mostrar información adicional sobre cualquier elemento y se muestran con un clic del puntero del mouse sobre ese elemento. En la ventana emergente, si hace clic en … Continue reading «Popovers en bootstrap con ejemplos»

¿Cómo usar mixins SCSS con angular 7?

Posted on by Rudeus Greyrat

Cuando se trabaja con Angular CLI , las hojas de estilo predeterminadas tienen la extensión .css. Inicio de un proyecto CLI angular con Sass Normalmente, cuando ejecutamos ng new my-app, nuestra aplicación tendrá .css files. Hacer que CLI genere .scss files(o .sass/.less) es un asunto fácil. Cree un nuevo proyecto con Sass con lo siguiente: … Continue reading «¿Cómo usar mixins SCSS con angular 7?»

¿Cómo crear un gráfico de barras horizontales usando React Bootstrap?

Posted on by Rudeus Greyrat

Un gráfico de barras representa datos categóricos con valores de datos correspondientes como barras rectangulares. Por lo general, el eje x representa valores categóricos y el eje y representa los valores de datos o frecuencias. Esto se llama gráfico de barras verticales y el inverso se llama gráfico de barras horizontales. En algunos casos, un … Continue reading «¿Cómo crear un gráfico de barras horizontales usando React Bootstrap?»

¿Cómo evitar que se envuelvan los divs de bloque en línea?

Posted on by Rudeus Greyrat

Es display: inline-block;una propiedad de diseño en CSS que no agrega un salto de línea después del elemento. Como resultado, los elementos pueden sentarse uno al lado del otro. La principal diferencia entre display: inline;y display: inline-block;es que display: inline-block;también nos permite establecer el ancho y la altura del elemento. Podemos evitar que los divs … Continue reading «¿Cómo evitar que se envuelvan los divs de bloque en línea?»

¿Cómo crear una barra de progreso de varios pasos usando Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, crearemos una barra de progreso de varios pasos usando Bootstrap. Además de Bootstrap, usaremos jQuery para la manipulación de DOM. Las barras de progreso se utilizan para visualizar la cantidad de trabajo que se ha completado. La fuerza de la barra de progreso indica el progreso del trabajo. Generalmente se usa en … Continue reading «¿Cómo crear una barra de progreso de varios pasos usando Bootstrap?»

¿Cómo crear una barra de navegación inferior receptiva usando Bootstrap?

Posted on by Rudeus Greyrat

Se utiliza una barra de navegación en cada sitio web para que sea más fácil de usar, de modo que la navegación a través del sitio web sea fácil y el usuario pueda buscar directamente el tema de su interés. La palabra “Navegación” significa la ciencia de moverse de un lugar a otro. En este … Continue reading «¿Cómo crear una barra de navegación inferior receptiva usando Bootstrap?»