SlideShare una empresa de Scribd logo
1 de 9
¿QUÉ ES BOOTSTRAP?
•Bootstrap es un framework de desarrollo web
gratuito y de código abierto. Está diseñado para
facilitar el proceso de desarrollo de los sitios web
responsivos y orientados a los dispositivos móviles,
proporcionando una colección de sintaxis para
diseños de plantillas.
•En otras palabras, Bootstrap ayuda a los
desarrolladores a construir sitios web más
rápidamente, ya que no tienen que preocuparse por
los comandos y funciones básicos. Consta de
scripts basados en HTML, CSS y JS para diversas
funciones y componentes relacionados con el
diseño web.
•veremos las ventajas de utilizar Bootstrap
y explicaremos los diferentes tipos de
archivos que utiliza. Al final, sabrás si
Bootstrap puede beneficiar a tu flujo de
trabajo.
FUNCIONES BÁSICAS DE BOOTSTRAP
•El objetivo principal de Bootstrap es crear sitios web
responsivos y orientados a los dispositivos móviles. El
framework garantiza que todos los elementos de la
interfaz de un sitio web funcionen de forma óptima en
todos los tamaños de pantalla.
•Bootstrap está disponible en dos variantes:
precompilada y basada en código fuente. Los
desarrolladores experimentados prefieren esta última,
ya que les permite personalizar los estilos para
adaptarlos a sus proyectos.
•Por ejemplo, la versión «código fuente» de
Bootstrap permite acceder al puerto Sass. Esto
significa que crea una hoja de estilos personalizada
que importa Bootstrap, permitiéndote modificar y
ampliar la herramienta según tus necesidades.
¿POR QUÉ DEBERÍAS USAR BOOTSTRAP?
• Algunos de los componentes de la interfaz de Bootstrap
incluyen barras de navegación, sistemas de cuadrícula,
carruseles de imágenes y botones.
• Si todavía no te convence si vale la pena probar Bootstrap,
aquí tienes las ventajas de usarlo en comparación con otros
frameworks de desarrollo web.
• Facilidad de uso
• Una de las razones por las que Bootstrap es tan popular entre
los desarrolladores y diseñadores web es que tiene una
estructura de archivos sencilla.
• Rejilla responsive
• Bootstrap viene con un sistema de rejilla predefinido, lo que te
ahorra crear uno desde cero. El sistema de rejilla consta de filas y
columnas, lo que permite crear una cuadrícula dentro de la existente
en lugar de introducir media queries en el archivo CSS.
• Compatibilidad con los navegadores
• Hacer que tu sitio web sea accesible a través de diferentes
navegadores ayuda a reducir la tasa de rebote y a posicionarse
mejor en los resultados de búsqueda. Bootstrap cumple este
requisito al ser compatible con las últimas versiones de los
navegadores más populares.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

step by step to install the ubuntu
step by step to install the ubuntustep by step to install the ubuntu
step by step to install the ubuntu
 
Guia bootstrap
Guia bootstrapGuia bootstrap
Guia bootstrap
 
Shell Scripting
Shell ScriptingShell Scripting
Shell Scripting
 
Formas de arrancar un PC
Formas de arrancar un PCFormas de arrancar un PC
Formas de arrancar un PC
 
Logical Volume Manager. An Introduction
Logical Volume Manager. An IntroductionLogical Volume Manager. An Introduction
Logical Volume Manager. An Introduction
 
Tipos de listas en estructura de datos
Tipos de listas en estructura de datosTipos de listas en estructura de datos
Tipos de listas en estructura de datos
 
for loop in java
for loop in java for loop in java
for loop in java
 
Memoria dinamica
Memoria dinamicaMemoria dinamica
Memoria dinamica
 
Ejercicio privilegios
Ejercicio privilegiosEjercicio privilegios
Ejercicio privilegios
 
Manual de php con ejercicios
Manual de php con ejerciciosManual de php con ejercicios
Manual de php con ejercicios
 
Architecture of Linux
 Architecture of Linux Architecture of Linux
Architecture of Linux
 
Administracion de la memoria, primeros sistemas
Administracion de la memoria, primeros sistemasAdministracion de la memoria, primeros sistemas
Administracion de la memoria, primeros sistemas
 
Archiving in linux tar
Archiving in linux tarArchiving in linux tar
Archiving in linux tar
 
9.laravel
9.laravel9.laravel
9.laravel
 
Lesson 2 Understanding Linux File System
Lesson 2 Understanding Linux File SystemLesson 2 Understanding Linux File System
Lesson 2 Understanding Linux File System
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Java packages
Java packagesJava packages
Java packages
 
Normalizacion de bases de datos
Normalizacion de bases de datosNormalizacion de bases de datos
Normalizacion de bases de datos
 
Course 102: Lecture 1: Course Overview
Course 102: Lecture 1: Course Overview Course 102: Lecture 1: Course Overview
Course 102: Lecture 1: Course Overview
 
Linux Run Level
Linux Run LevelLinux Run Level
Linux Run Level
 

Similar a Qué es Bootstrap.pptx

Similar a Qué es Bootstrap.pptx (20)

Manual de instalación
Manual de instalación Manual de instalación
Manual de instalación
 
S6-DS2.pptx
S6-DS2.pptxS6-DS2.pptx
S6-DS2.pptx
 
Bootstrap.pptx
Bootstrap.pptxBootstrap.pptx
Bootstrap.pptx
 
1 Introducción a Bootstrap.pdf
1 Introducción a Bootstrap.pdf1 Introducción a Bootstrap.pdf
1 Introducción a Bootstrap.pdf
 
229707509 bootstrap-3-el-manual-oficial
229707509 bootstrap-3-el-manual-oficial229707509 bootstrap-3-el-manual-oficial
229707509 bootstrap-3-el-manual-oficial
 
Sitio web (bootstrap 3)
Sitio web (bootstrap 3)Sitio web (bootstrap 3)
Sitio web (bootstrap 3)
 
Carlos loaiza
Carlos loaizaCarlos loaiza
Carlos loaiza
 
Bootstrap presentacion 2020
Bootstrap presentacion 2020Bootstrap presentacion 2020
Bootstrap presentacion 2020
 
Joomla y Wordpress
Joomla y WordpressJoomla y Wordpress
Joomla y Wordpress
 
Framework de programacion de paginas web
Framework de programacion de paginas webFramework de programacion de paginas web
Framework de programacion de paginas web
 
Sanchez pamela y su trabajo escolar final
Sanchez pamela y su trabajo escolar finalSanchez pamela y su trabajo escolar final
Sanchez pamela y su trabajo escolar final
 
Gestores de contenido
Gestores de contenidoGestores de contenido
Gestores de contenido
 
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEBMEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
MEJORES PROGRAMAS PARA DISEÑAR PAGINA WEB
 
Servicio internet
Servicio internetServicio internet
Servicio internet
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Wordpress
WordpressWordpress
Wordpress
 
Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)
 
Acces
AccesAcces
Acces
 

Último

institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Último (10)

institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

Qué es Bootstrap.pptx

  • 2. •Bootstrap es un framework de desarrollo web gratuito y de código abierto. Está diseñado para facilitar el proceso de desarrollo de los sitios web responsivos y orientados a los dispositivos móviles, proporcionando una colección de sintaxis para diseños de plantillas.
  • 3. •En otras palabras, Bootstrap ayuda a los desarrolladores a construir sitios web más rápidamente, ya que no tienen que preocuparse por los comandos y funciones básicos. Consta de scripts basados en HTML, CSS y JS para diversas funciones y componentes relacionados con el diseño web.
  • 4. •veremos las ventajas de utilizar Bootstrap y explicaremos los diferentes tipos de archivos que utiliza. Al final, sabrás si Bootstrap puede beneficiar a tu flujo de trabajo.
  • 6. •El objetivo principal de Bootstrap es crear sitios web responsivos y orientados a los dispositivos móviles. El framework garantiza que todos los elementos de la interfaz de un sitio web funcionen de forma óptima en todos los tamaños de pantalla. •Bootstrap está disponible en dos variantes: precompilada y basada en código fuente. Los desarrolladores experimentados prefieren esta última, ya que les permite personalizar los estilos para adaptarlos a sus proyectos.
  • 7. •Por ejemplo, la versión «código fuente» de Bootstrap permite acceder al puerto Sass. Esto significa que crea una hoja de estilos personalizada que importa Bootstrap, permitiéndote modificar y ampliar la herramienta según tus necesidades.
  • 8. ¿POR QUÉ DEBERÍAS USAR BOOTSTRAP? • Algunos de los componentes de la interfaz de Bootstrap incluyen barras de navegación, sistemas de cuadrícula, carruseles de imágenes y botones. • Si todavía no te convence si vale la pena probar Bootstrap, aquí tienes las ventajas de usarlo en comparación con otros frameworks de desarrollo web.
  • 9. • Facilidad de uso • Una de las razones por las que Bootstrap es tan popular entre los desarrolladores y diseñadores web es que tiene una estructura de archivos sencilla. • Rejilla responsive • Bootstrap viene con un sistema de rejilla predefinido, lo que te ahorra crear uno desde cero. El sistema de rejilla consta de filas y columnas, lo que permite crear una cuadrícula dentro de la existente en lugar de introducir media queries en el archivo CSS. • Compatibilidad con los navegadores • Hacer que tu sitio web sea accesible a través de diferentes navegadores ayuda a reducir la tasa de rebote y a posicionarse mejor en los resultados de búsqueda. Bootstrap cumple este requisito al ser compatible con las últimas versiones de los navegadores más populares.