Los Temas más visitados de Bootstrap

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.

En la versión 4 del popular framework para Frontends existen clases CSS que te pueden facilitar la maquetación de tu proyecto, solo es cuestión que las pongas en práctica y las uses hasta que las hagas parte de tu trabajo en maquetación y veras lo rápido que avanzarás, estas clases te ahorran muchas líneas de código CSS que sueles escribir para darle cierto aspecto a un elemento del proyecto. Veamos las clases en el siguiente tutorial.

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.

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.

Amplia tu conocimiento y obtén un código de ejemplo que te permite autocompletar un campo de texto con jQuery, Ajax y PHP.

En el ejemplo en funcionamiento vamos a tener un campo de texto que al escribir en él aparecen sugerencias (en el caso de que existan) para auto completar su valor. Para el aspecto del mismo nos vamos a apoyar en la tecnología Bootstrap 4.

En este nuevo tutorial crearemos una landing Page utilizando el popular Framework Bootstrap en su versión 3, se trata de un ejercicio muy rápido y muy básico donde tratamos de mostrar cuan fácil es crear proyectos con Bootstrap, desde los mas fáciles hasta un nivel mas avanzado.

En este tutorial partiremos desde un PSD que en realidad es una imagen con elemento superpuestos en Photoshop, luego pasaremos a maquetar este archivo utilizando las clases y componentes básicos de Bootstrap y finalmente aplicaremos nuestros estilos para dar la apariencia deseada.

Bootstrap es un framework para CSS y JavaScript, creado con el objetivo de facilitar la organización de contenido, la aplicación de estilos y el desarrollo de páginas web adaptables a dispositivos móviles. En este artículo se demostrará como usar Bootstrap en una aplicación web.

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.

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.

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.

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.

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.

Joomla 3 incluye el uso de herramientas para desarrolladores, entre las que destacan , bootstrap, icomoon y less.
En este artículo veremos una aplicación práctica de modificación de la plantilla protostart y el uso de bootstrap, que es una de las nuevas características técnicas que ofrece Joomla 3

Es muy importante entender como funciona el sistema de rejillas en bootsrap 4 y para ello tenemos que entender que tenemos filas y columnas.

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.

En este tutorial vamos a ver como crear una plantilla básica con Bootstrap 3 y que se pueda ver para los múltiples dispositivos como escritorio, tablets y teléfonos mobiles.