TEMAS de Bootstrap

Mostrando del 1 al 10 de 14 registros
<<>>
Imágen de perfil

internetDiseña tu primera página web con Bootstrap 4


Bootstrap

Actualizado el 25 de Noviembre del 2019 por Administrador (Publicado el 24 de Noviembre del 2019)
609 visualizaciones desde el 24 de Noviembre del 2019
La tecnología móvil es sin duda el futuro, por ello los Frameworks CSS cada ves son mas dinámicos, intuitivos y mejoran la usabilidad y la navegación de los usuarios en una plataforma o aplicacion web. La parte visual de una plataforma es importante y lo último que nos trae Bootstrap en su versión 4 es increíble, la versión actual de Bootstrap 4 hasta la fecha de este artículo es 4.1.1 .

En este Post te enseñaremos a diseñar una web con esta última versión de Bootstrap y aprenderás las nociones básicas para que tu mismo la diseñes y apliques a tus próximos proyectos si es que aun no usas esta fantástica versión de Bootstrap.

Screenshot_20191124_212111
Imágen de perfil

internetConstruyendo aplicaciones elegantes con ASP.NET MVC Core 2 y Bootstrap 4 usando CoreUI


ASP.NET

,

Bootstrap

Publicado el 25 de Septiembre del 2019 por Administrador
594 visualizaciones desde el 25 de Septiembre del 2019
En este artículo vamos a explicar como adaptar la plantilla CoreUI, basada en Bootstrap 4 para usarla como base en aplicaciones ASP.NET MVC Core 2.

aspnet
Imágen de perfil

internetCómo crear un CRUD en PHP con MySQL y Bootstrap


PHP

,

MySQL

,

Bootstrap

Publicado el 6 de Junio del 2019 por Administrador
856 visualizaciones desde el 6 de Junio del 2019
bienvenido a este nuevo artículo en donde aprenderás cómo crear un crud en PHP con MySQL y Bootstrap, además te enseño como crear una plantilla MVC para tus proyectos web con PHP, a continuación dejo las pantallas de como queda al final el proyecto.

Este proyecto y su estructura es fundamental si estás aprendiendo o a futuro piensas aprender un framework como Laravel o Simfony.


Screenshot_20190606_185304
Imágen de perfil

internetGenerar códigos QR con PHP y HTML


PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
1.787 visualizaciones desde el 27 de Mayo del 2019
Los códigos QR también se les conoce como código de respuesta rápida, es un código de formato de código de barras 2D que se usa para almacenar texto como números de teléfono, correos electrónicos, direcciones y texto simple, etc. En este tutorial te mostraremos cómo generar códigos QR con PHP y HTML.

Screenshot_20190527_215953
Imágen de perfil

internetSistema de rejillas en Bootstrap 4


Bootstrap

Publicado el 12 de Mayo del 2019 por Administrador
519 visualizaciones desde el 12 de Mayo del 2019
Es muy importante entender como funciona el sistema de rejillas en bootsrap 4 y para ello tenemos que entender que tenemos filas y columnas.
Imágen de perfil

internetCarousel Bootstrap dinámico con PHP y MySQL


Bootstrap

Publicado el 5 de Marzo del 2018 por Administrador
801 visualizaciones desde el 5 de Marzo del 2018
He decidido crear un Carousel de imágenes con la capacidad de poder administrar el mismo en donde se podrá: listar, crear, editar y eliminar las imágenes del carousel, por lo que en este tutorial voy a mostrar cómo crear un Carousel de imágenes y para ello utilizare el Carousel de Bootstrap para obtener imágenes, el título y la descripción de la base de datos y mostrarlos a manera de diapositivas de imágenes. He creado un slider muy simple y fácil de entender usando PHP y MySQL para la consulta de datos. Además el proyecto cuenta con un pequeño panel de administración para que podamos administrar las imágenes que deberán mostrarse en el carousel.
Imágen de perfil

internetUtilizando los iconos de Bootstrap en Leaflet


Bootstrap

Publicado el 22 de Febrero del 2018 por Administrador
582 visualizaciones desde el 22 de Febrero del 2018
Bootstrap es un conjunto de herramientas de código abierto para el diseño de sitios y aplicaciones web.

Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript adicionales.

Es el proyecto más popular en GitHub y hace que el desarrollo de las aplicaciones web sea más rápido y fácil. Se creó para personas con todos los niveles de destrezas, dispositivos de todo tipo y proyectos de todos los tamaños.

En esta ocasión lo que nos interesa de Bootstrap es su colección de iconos, que utilizaremos para personalizar los marcadores de Leaflet.
Imágen de perfil

internetComo Crear la Administración de una Aplicación Web con Bootstrap – Parte 2


Bootstrap

Publicado el 19 de Febrero del 2018 por Administrador
543 visualizaciones desde el 19 de Febrero del 2018
Esta es la segunda parte de la creación de un sitio web (parte administrativa) usando Bootstrap. No vamos a utilizar PHP ni Mysql ya que no es el objetivo de este práctica. El sitio final es completamente responsive utilizando las bondades de este framwork HTML5, CSS3 y Javascript.
Imágen de perfil

internetComo Crear la Administración de una Aplicación Web con Bootstrap – Parte 1


Bootstrap

Publicado el 16 de Febrero del 2018 por Administrador
795 visualizaciones desde el 16 de Febrero del 2018
En este video tutorial veremos la primera parte de la creación y/o maquetación de un sitio en su parte administrativa usando Bootstrap, este desarrollo pretende enseñarles como maquetear un sitio como si fuera la parte de administrativa de una aplicación web de manera práctica y sencilla. Debo aclarar que solo crearemos la parte frontend del sitio, no vamos a utilizar PHP ni Mysql ya que no es el objetivo de este práctica. También utilizaremos TWBS COLOR una herramienta online que permite personalizar los colores de una barra de navegación Bootstrap para posteriormente solo copiar y pegar los estilos CSS en nuestro archivo estilos css.
Imágen de perfil

internetCrear tablas paginadas de Bootstrap con jQuery


Bootstrap

Publicado el 9 de Enero del 2018 por Administrador
1.336 visualizaciones desde el 9 de Enero del 2018
Las tablas de Bootstrap son tablas HTML personalizadas mediante la clase .table. Estas tablas de Bootstrap son totalmente responsive gracias a la clase .table-responsive y pueden ser utilizadas para todo tipo de aplicaciones web. Normalmente solemos utilizar las tablas HTML para mostrar la información de manera más ordenada mediante filas y columnas y con un alto fijo para mostrar más filas en el scroll. Pero añadir scroll a las tablas no es una solución muy amigable que digamos, podemos crear una paginación en las tablas de Bootstrap para hacerlas más usables. Por lo tanto, en este tutorial veremos cómo crear tablas paginadas de Bootstrap con jQuery.
Anterior12Siguiente