{"id":11543,"date":"2018-02-12T16:32:20","date_gmt":"2018-02-12T11:02:20","guid":{"rendered":"https:\/\/www.carmatec.com\/?p=11543"},"modified":"2022-09-27T09:16:52","modified_gmt":"2022-09-27T09:16:52","slug":"bootstrap-4-nuevas-funciones-inteligentes-e-interesantes-entusiasmate","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/es_mx\/php-development\/bootstrap-4-cool-smart-new-features-get-excited\/","title":{"rendered":"Bootstrap 4: nuevas funciones interesantes e inteligentes que le entusiasmar\u00e1n"},"content":{"rendered":"

Bootstrap 4 es sin duda el mejor marco de front-end para un desarrollo m\u00e1s r\u00e1pido y sencillo con HTML, CSS y JavaScript de alta calidad. La alta capacidad de respuesta de las aplicaciones web (construidas sobre Bootstrap), la naturaleza personalizable de las funciones, la coherencia de los kits de herramientas internos, el tiempo de desarrollo m\u00e1s r\u00e1pido y una enorme comunidad de soporte es lo que hace que el marco se destaque del resto. Bootstrap es f\u00e1cil de usar y le brinda herramientas para crear programas potentes, responsivos y centrados en dispositivos m\u00f3viles. aplicaciones web<\/a><\/strong> \u00a1con el m\u00ednimo esfuerzo!<\/p>\n

\u00a1Y la buena noticia es que la versi\u00f3n final y estable de Bootstrap 4 ya est\u00e1 aqu\u00ed! Esto es lo nuevo y genial de Bootstrap V4.0.0-beta.3:<\/p>\n

<\/h4>\n

Construido \u00edntegramente a partir de SaaS<\/strong><\/h2>\n

Con el c\u00f3digo fuente oficial desarrollado \u00edntegramente utilizando SaaS, Bootstrap 4 marca la nueva generaci\u00f3n de desarrollo front-end que permite un dise\u00f1o de sitios web m\u00e1s f\u00e1cil y r\u00e1pido con m\u00e1s posibilidades.<\/p>\n

<\/h4>\n

Nuevo sistema de red responsivo para dispositivos m\u00e1s peque\u00f1os<\/strong><\/h2>\n

Hasta Bootstrap 3, los desarrolladores front-end solo pod\u00edan apuntar a dise\u00f1os web con respecto a 4 ventanas gr\u00e1ficas: tel\u00e9fonos m\u00f3viles, tabletas, computadoras de escritorio y computadoras de escritorio m\u00e1s grandes. Bootstrap 4 facilita a los desarrolladores la capacidad de mejorar el sistema de cuadr\u00edcula tambi\u00e9n para dispositivos m\u00e1s peque\u00f1os: ventanas gr\u00e1ficas de menos de 480 px de ancho. La nueva clase de cuadr\u00edcula ha adoptado el nombre de la clase m\u00e1s peque\u00f1a anterior, col-xs, y el rango de tama\u00f1o de la ventana gr\u00e1fica asignado a las clases de cuadr\u00edcula existentes (col-sm, col-md, col-lg y col-xl) se ha movido hacia arriba. una muesca.<\/p>\n

<\/h4>\n

Presentamos funciones de descanso mejoradas con Reboot.css<\/strong><\/h2>\n

Reboot.css es una versi\u00f3n mejorada de normalize.css de Bootstrap 3. De forma predeterminada, Reboot.css usa box-size: border-box; en todos los elementos HTML y admite el desarrollo congruente entre navegadores al proporcionar estilos de "restablecimiento" del navegador. La nueva funci\u00f3n de reinicio le permite mantener un estilo base simple, mejora la escritura CSS para aplicaciones web modernas y hace que los dise\u00f1os responsivos sean m\u00e1s manejables.<\/p>\n

<\/h4>\n

Personalizaci\u00f3n de variables optimizada<\/strong><\/h2>\n

Bootstrap 4 agiliza el proceso de personalizaci\u00f3n de variables al hacer que todas las variables de Sass est\u00e9n disponibles en un \u00fanico archivo llamado _variables.scss. Para editar los valores, el desarrollador s\u00f3lo tendr\u00e1 que copiar la configuraci\u00f3n predeterminada de _variables.scss a _custom.scss.<\/p>\n

<\/h4>\n

Optar por Flexbox<\/strong><\/h2>\n

Los desarrolladores de front-end ahora pueden crear un dise\u00f1o m\u00e1s fluido y responsivo para diferentes ventanas gr\u00e1ficas aprovechando el dise\u00f1o Flexbox de CSS3.<\/p>\n

<\/h4>\n

Beneficios de la biblioteca Tether<\/strong><\/h2>\n

En Bootstrap 4, Tether, la biblioteca de JavaScript, maneja la ubicaci\u00f3n autom\u00e1tica de informaci\u00f3n sobre herramientas y ventanas emergentes, reduce los problemas generales de desplazamiento, establece el estilo de los elementos emergentes y agrega clases CSS para ver los elementos.<\/p>\n

<\/h4>\n

Complementos de JavaScript refactorizados<\/strong><\/h2>\n

En la \u00faltima versi\u00f3n de Bootstrap, todos los complementos de JavaSript se reescribieron utilizando ECMAScript 6. Los complementos refactorizados utilizan las \u00faltimas especificaciones y mejoras y permiten a los desarrolladores crear mejores experiencias de front-end.<\/p>\n

<\/h3>\n

Conclusi\u00f3n<\/strong><\/h2>\n

Bootstrap V4.0.0-beta.3 estabiliz\u00f3 algunas piezas clave de CSS, puli\u00f3 la documentaci\u00f3n y nos sorprendi\u00f3 con una gran cantidad de funciones enriquecidas para crear aplicaciones altamente responsivas y compatibles con dispositivos m\u00f3viles. Todav\u00eda hay algunos problemas que deben solucionarse, pero esta es sin duda la mejor actualizaci\u00f3n del marco de front-end.<\/p>\n

\u00bfQuiere explorar las posibilidades con el nuevo y avanzado Bootstrap 4.0? Ponerse en contacto<\/a> con Carmatec<\/a> para crear aplicaciones web incre\u00edbles.<\/p>\n

Carmatec re\u00fane un conjunto de habilidades multifac\u00e9ticas de las \u00e1reas de dise\u00f1o, ciencias del comportamiento, usabilidad, an\u00e1lisis, marketing y creaci\u00f3n de marcas para brindar a las empresas soluciones integrales para dise\u00f1o web, desarrollo web y m\u00f3vil, gesti\u00f3n remota de infraestructura de TI, desarrollo de software, Servicios de TI gestionados<\/strong><\/a>, Consultor\u00eda en la nube<\/strong><\/a>, Marketing en Internet y Branding.<\/p>","protected":false},"excerpt":{"rendered":"

Bootstrap 4 is undoubtedly the best front-end framework for faster and easier development with high-quality HTML, CSS, and JavaScript. The high responsiveness of the web apps (built on Bootstrap), customisable nature of the features, consistency of the internal toolkits, faster development time and a huge support community is what makes the framework standout from the […]<\/p>\n","protected":false},"author":1,"featured_media":30876,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-11543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-development"],"_links":{"self":[{"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/es_mx\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}