Categoría: Bootstrap

¿Cómo configurar la barra de navegación adhesiva solo para la primera sección de la página?

Posted on by Rudeus Greyrat

Bootstrap anterior daba la opción de configurar la barra de navegación fija para ciertas secciones y absoluta para otras en el complemento Affix jQuery , pero el nuevo Bootstrap 4.0 eliminó esta opción y recomendó usar javascript para eso. Podemos usar Javascript para configurar la barra de navegación como fija para la primera sección y … Continue reading «¿Cómo configurar la barra de navegación adhesiva solo para la primera sección de la página?»

Arranque 4 | Entradas

Posted on by Rudeus Greyrat

Lista de control de formulario en bootstrap 4. Aporte área de texto Casillas de verificación Casillas de verificación en línea Botones de radio Seleccionar lista Tamaño del control de formulario Control de formulario con texto sin formato Archivo y rango de control de formulario 1. Tipo de entrada: los tipos de entrada que admite Bootstrap … Continue reading «Arranque 4 | Entradas»

Clases de utilidad receptivas en Bootstrap

Posted on by Rudeus Greyrat

Las clases de utilidad receptivas ayudan a crear diseños web receptivos fácilmente. Puede ocultar o mostrar el contenido de su elección en la página web. Tienes que definir el tamaño de la pantalla para la que estás ocultando o mostrando el contenido.  Las clases de utilidad sensibles se definen para cinco tipos diferentes de tamaños: … Continue reading «Clases de utilidad receptivas en Bootstrap»

¿Cómo especificar colores de borde en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap nos proporciona diferentes clases que se pueden usar con diferentes etiquetas HTML como <button> , <a> , <input> y <label> para aplicar bordes de botones personalizados . Estas clases son las siguientes. borde borde superior borde inferior borde izquierdo borde derecho En este artículo, aprenderemos a implementar colores de borde usando Bootstrap. Enlace CDN: … Continue reading «¿Cómo especificar colores de borde en Bootstrap?»

¿Qué framework CSS es mejor Tailwind CSS o Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, veremos qué framework CSS es mejor Tailwind CSS o Bootstrap. Ambos son marcos CSS ampliamente utilizados para diseñar el front-end. Vamos a entender cada uno de ellos en detalle. Ambos marcos tienen sus propios pros y contras, por lo que depende del tipo de aplicación que vaya a crear y, en consecuencia, … Continue reading «¿Qué framework CSS es mejor Tailwind CSS o Bootstrap?»

¿Cómo agregar íconos en el proyecto usando Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap es una colección de herramientas gratuitas y de código abierto para crear sitios web y aplicaciones web receptivos. Es el marco HTML, CSS y JavaScript más popular para desarrollar sitios web receptivos y móviles. Un ícono es una representación visual que ayuda a comprender el sitio web y también ayuda a navegar por el … Continue reading «¿Cómo agregar íconos en el proyecto usando Bootstrap?»

¿Cómo crear un componente Modal básico en Bootstrap?

Posted on by Rudeus Greyrat

Los modales son ventanas emergentes de JavaScript que nos ayudan a ofrecer contenido muy útil en el sitio web, como mostrar la confirmación de guardar, eliminar, descargar o cerrar en el sitio web. Los modales Bootstrap son componentes de JavaScript livianos y multipropósito. También son componentes personalizables y receptivos. En este artículo, aprenderemos cómo crear … Continue reading «¿Cómo crear un componente Modal básico en Bootstrap?»

¿Cómo crear un gráfico usando bootstrap?

Posted on by Rudeus Greyrat

Un gráfico en bootstrap es una representación gráfica para la visualización de datos, en la que los datos se representan mediante símbolos. Los diversos tipos de gráficos, como un gráfico de barras, un gráfico de líneas, un gráfico circular, un gráfico de anillos, etc., se crean con la ayuda de Bootstrap. En otras palabras, podemos … Continue reading «¿Cómo crear un gráfico usando bootstrap?»

Incluya Bootstrap en AngularJS usando ng-bootstrap

Posted on by Rudeus Greyrat

AngularJS se puede integrar con Bootstrap CSS y Javascript y se puede usar para crear formularios creativos, tablas, barras de navegación, etc. Pasos: Asegúrese de que Angular CLI esté presente en su sistema; de lo contrario, ejecute el comando en la terminal para hacerlo. npm install -g @angular/cli Cree un nuevo proyecto en el código … Continue reading «Incluya Bootstrap en AngularJS usando ng-bootstrap»

¿Cómo cambiar el selector de fechas de Bootstrap con un formato de fecha específico?

Posted on by Rudeus Greyrat

DatePicker es un componente de Bootstrap Framework que permite a los usuarios seleccionar la fecha al proporcionar una interfaz fácil de usar. Con DatePicker, podemos seleccionar una fecha del cuadro de diálogo DatePicker, que es mucho mejor que escribir manualmente la fecha en el campo de entrada. Además, podemos formatear el DatePicker según los requisitos. … Continue reading «¿Cómo cambiar el selector de fechas de Bootstrap con un formato de fecha específico?»