{"id":1729,"date":"2019-10-28T12:00:15","date_gmt":"2019-10-28T11:00:15","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=1729"},"modified":"2025-01-24T11:16:02","modified_gmt":"2025-01-24T10:16:02","slug":"que-es-bootstrap","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/que-es-bootstrap\/","title":{"rendered":"\u00bfQu\u00e9 es Bootstrap y para qu\u00e9 sirve?"},"content":{"rendered":"<p>Cuando empiezas a trabajar en un entorno digital o te dispones a crear tu propia p\u00e1gina web, es bastante habitual que si consultas alg\u00fan post o videotutorial aparezca este concepto, pero&#8230; \u00bfTienes claro <strong>qu\u00e9 es\u00a0Bootstrap?\u00a0<\/strong>En este art\u00edculo vamos a ver explicarte en detalle los inicios de Bootstrap y en qu\u00e9 consiste exactamente.\u00a0<!--more--><\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Los_inicios_deBootstrap\">Los inicios de\u00a0Bootstrap<\/a><\/li><li><a href=\"#Definicion_de_framework\">Definici\u00f3n de framework<\/a><\/li><li><a href=\"#Que_esBootstrap\">\u00bfQu\u00e9 es\u00a0Bootstrap?<\/a><ul><li><a href=\"#Ventajas_de_Bootstrap\">Ventajas de Bootstrap<\/a><\/li><\/ul><\/li><li><a href=\"#Bootstrap_y_WordPress\">Bootstrap y WordPress<\/a><\/li><li><a href=\"#Y_por_ultimo8230_Un_dato_curioso\">Y por \u00faltimo&#8230; \u00a1Un dato curioso!<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Los_inicios_deBootstrap\">Los inicios de\u00a0Bootstrap<\/span><\/h2>\n<p>La tecnolog\u00eda no para de avanzar y las empresas necesitan <strong>adaptarse al entorno digital sea como sea<\/strong>. \u00bfEl problema? A veces los cambios en el consumo de Internet surgen tan r\u00e1pido que tanto dise\u00f1adores web como peque\u00f1as empresas no son capaces de adaptarse a tiempo y corren el riesgo de quedarse un paso atr\u00e1s.<\/p>\n<p>\u00bfUn ejemplo de ello? Hace a\u00f1os ya consider\u00e1bamos que tener una p\u00e1gina web era imprescindible para casi cualquier tipo de negocio y muchas empresas invirtieron tiempo y dinero en <strong><a href=\"https:\/\/www.lucushost.com\/blog\/como-crear-una-web-en-wordpress-guia-completa\/\">crear su propio sitio en Internet<\/a><\/strong>. Poco despu\u00e9s aparecieron los smartphones y las tarifas de datos se hicieron imprescindibles para todos nosotros en nuestros tel\u00e9fonos. De hecho, actualmente nuestro tel\u00e9fono m\u00f3vil es casi tan potente como un ordenador. Bien, pues estos cambios modificaron por completo nuestra forma de navegar por la Red.<\/p>\n<p>Ahora si ya no tienes una web responsive y tus clientes no pueden comprar o hacer una reserva online a trav\u00e9s de su tel\u00e9fono, ya no eres nadie.<\/p>\n<p>Pese a todo ello, como dice el refr\u00e1n tenemos que <em>ver siempre el vaso medio lleno<\/em>. Todos estos avances en el mundo 2.0 han ayudado al<strong> desarrollo de nuevas herramientas<\/strong> de c\u00f3digo abierto para el dise\u00f1o de sitios y aplicaciones web (o frameworks), como es el caso de\u00a0<strong>Bootstrap.\u00a0<\/strong><\/p>\n<p>Y como no queremos dejar ning\u00fan cabo suelto, antes de entrar en materia y ver qu\u00e9 es\u00a0Bootstrap, recordaremos tambi\u00e9n qu\u00e9 es un framework.<\/p>\n<h2><span id=\"Definicion_de_framework\">Definici\u00f3n de framework<\/span><\/h2>\n<p>Podemos decir que un framework es un marco de trabajo que se utiliza para desarrollar un software determinado. Si llevamos este concepto al mundo de la creaci\u00f3n de p\u00e1ginas web, podemos decir que un framework es un <strong>entorno de trabajo que hace mucho m\u00e1s f\u00e1cil la programaci\u00f3n o desarrollo de una web<\/strong>.<\/p>\n<p>Existen un mont\u00f3n de frameworks que intentan hacer la vida de los desarrolladores y dise\u00f1adores un poquito m\u00e1s f\u00e1cil, pero hoy<strong> nos centramos \u00fanicamente en\u00a0Bootstrap.\u00a0<\/strong><\/p>\n<h2><span id=\"Que_esBootstrap\">\u00bfQu\u00e9 es\u00a0Bootstrap<strong>?<\/strong><\/span><\/h2>\n<p>Bootstrap es <strong>uno de los frameworks <a href=\"https:\/\/www.lucushost.com\/blog\/css\/\">CSS<\/a> de c\u00f3digo abierto m\u00e1s conocidos y m\u00e1s utilizados<\/strong> en el mundo del desarrollo web.<\/p>\n<p>Este framework facilita enormemente la maquetaci\u00f3n de p\u00e1ginas web, ya que te permite crear una interfaz muy limpia y completamente responsive, es decir, adaptable a cualquier tama\u00f1o de pantalla.\u00a0Adem\u00e1s, ofrece tantas herramientas y funcionalidades que te permite crear una web desde cero muy f\u00e1cilmente.<\/p>\n<h3><span id=\"Ventajas_de_Bootstrap\">Ventajas de Bootstrap<\/span><\/h3>\n<p>Estas son las seis principales razones por las que\u00a0Bootstrap es uno de los frameworks m\u00e1s utilizados:<\/p>\n<ul>\n<li><strong>Soporte:<\/strong> Es una de las caracter\u00edsticas m\u00e1s destacadas desde framework. Existe much\u00edsima documentaci\u00f3n en la red sobre su manejo y muchos blogs especializados en ello.<\/li>\n<li><strong>Framework de c\u00f3digo abierto:<\/strong> Esto quiere decir que todo su c\u00f3digo est\u00e1 disponible y accesible a trav\u00e9s de\u00a0GitHub.<\/li>\n<li><strong>Compatibilidad:<\/strong> No vas a tener problemas de incompatibilidad con los principales navegadores (Firefox, Google Chrome, Internet Explorer, Opera o Internet Explorer).<\/li>\n<li><strong>Integraci\u00f3n con librer\u00edas JavaScript:<\/strong> Tipograf\u00edas, botones, cuadros&#8230;<\/li>\n<li><strong>Facilidad de uso:<\/strong> Tanto a la hora de crear contenido como en el momento de subir archivos como im\u00e1genes o v\u00eddeos.<\/li>\n<li><strong>Utiliza un sistema grid:<\/strong> Es decir, un sistema de cuadr\u00edculas (rejillas) que te permite crear el dise\u00f1o de una web insertando el contenido en bloques o columnas.<\/li>\n<\/ul>\n<h2><span id=\"Bootstrap_y_WordPress\">Bootstrap y WordPress<\/span><\/h2>\n<p>Todas estas ventajas que acabamos de ver y especialmente el hecho de que te permite crear webs 100% responsive, la mayor\u00eda de las<strong><a href=\"https:\/\/www.lucushost.com\/blog\/las-mejores-plantillas-wordpress-gratis-2018\/\"> plantillas de WordPress<\/a><\/strong> est\u00e1n desarrolladas bajo este framework. Es decir, a\u00fan sin saberlo, es muy probable que con tu theme de WordPress realmente est\u00e9s utilizando\u00a0Bootstrap.<\/p>\n<h2><span id=\"Y_por_ultimo8230_Un_dato_curioso\">Y por \u00faltimo&#8230; \u00a1Un dato curioso!<\/span><\/h2>\n<p>\u00bfSab\u00edas que\u00a0Bootstrap fue desarrollado por Twitter? S\u00ed, su principal funci\u00f3n era la de dar forma a los sitios web mediante librer\u00edas CSS, pero poco tiempo despu\u00e9s, concretamente en el a\u00f1o 2011, se liber\u00f3 bajo la licencia MIT y en febrero de 2012 ya era\u00a0el proyecto de desarrollo m\u00e1s popular de GitHub.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando empiezas a trabajar en un entorno digital o te dispones a crear tu propia p\u00e1gina web, es bastante habitual que si consultas alg\u00fan post o videotutorial aparezca este concepto, pero&#8230; \u00bfTienes claro qu\u00e9 es\u00a0Bootstrap?\u00a0En este art\u00edculo vamos a ver explicarte en detalle los inicios de Bootstrap y en qu\u00e9 consiste exactamente.\u00a0<\/p>\n","protected":false},"author":3,"featured_media":1731,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1729"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=1729"}],"version-history":[{"count":3,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1729\/revisions"}],"predecessor-version":[{"id":1734,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1729\/revisions\/1734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/1731"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=1729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=1729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=1729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}