{"id":7391,"date":"2015-12-14T10:39:03","date_gmt":"2015-12-14T10:39:03","guid":{"rendered":"https:\/\/dev.railscarma.com\/create-visual-magic-with-bootstrap-gem\/"},"modified":"2025-12-18T10:30:57","modified_gmt":"2025-12-18T10:30:57","slug":"crea-magia-visual-con-bootstrap-gem","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/es\/blog\/articulos-tecnicos\/crea-magia-visual-con-bootstrap-gem\/","title":{"rendered":"Create Visual Magic with Bootstrap Gem in Rails 8"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSi hay que creer a los expertos en predicciones, 2016 ser\u00e1 el a\u00f1o de lo visual. Despu\u00e9s de todo, nos bombardean con tanta informaci\u00f3n todos los d\u00edas que ignoramos la mayor parte de ella, a menos que nos llame la atenci\u00f3n. Y lo visual es una forma segura de llamar la atenci\u00f3n. Pero la mayor\u00eda de las veces dedicamos tanto tiempo a pulir nuestra aplicaci\u00f3n y a tratar de darle un aspecto est\u00e9tico que, cuando llega al mercado, ya se ha convertido en un bien obsoleto. Entonces, \u00bfcu\u00e1l es la salida? \u00bfNecesitamos dedicar tanto tiempo a trabajar en el elemento de dise\u00f1o de nuestra aplicaci\u00f3n o lanzarla al mercado como una vieja aplicaci\u00f3n? \u00bfY si pudieras quedarte con tu pastel y com\u00e9rtelo tambi\u00e9n? Con Ruby on Rails, no solo podr\u00eda llevar su aplicaci\u00f3n al mercado m\u00e1s r\u00e1pido, sino que tambi\u00e9n podr\u00eda hacer magia con su dise\u00f1o con la ayuda de Bootstrap gem. Bootstrap (anteriormente Twitter Bootstrap) proporciona hojas de estilo CSS <\/b>y c\u00f3digo JavaScript para el dise\u00f1o visual de sitios web. Es un marco para el desarrollo front-end o basado en navegador, similar a c\u00f3mo Ruby on Rails es un marco para el desarrollo del lado del servidor o back-end. Bootstrap es un marco que facilita a un desarrollador la creaci\u00f3n de un bonito dise\u00f1o para una aplicaci\u00f3n o un sitio web. Para un sitio web o una aplicaci\u00f3n, existen pocos componentes comunes como widgets, listas, formularios, tipograf\u00eda, etc., y con Bootstrap, que viene con clases CSS predefinidas, se pueden dise\u00f1ar f\u00e1cilmente y sin mucho problema. El marco tambi\u00e9n viene con JavaScript, lo que facilita la creaci\u00f3n de anuncios de desplazamiento, acordeones, modales y ventanas emergentes. La gema bootstrap tambi\u00e9n tiene una documentaci\u00f3n s\u00f3lida, exhaustiva y f\u00e1cil de entender que proporciona c\u00f3digos de ejemplo para la mayor\u00eda, si no todos, los componentes que proporciona Bootstrap.\n

Instalaci\u00f3n:<\/span><\/h2>\n

Ruby on Rails<\/span>:<\/span><\/h3>\n
gem 'bootstrap-sass', '~> 3.3.6 \u2014->Es necesario agregar, canalizaci\u00f3n de activos f\u00e1cil de eliminar gem 'sass-rails', '>= 3.2' \u2014-> Instalaci\u00f3n predeterminada del paquete de aplicaciones Gem in Rails<\/blockquote>\nLa extensi\u00f3n del archivo es muy importante. La extensi\u00f3n del archivo tiene .scss o .sass. En la nueva aplicaci\u00f3n, la extensi\u00f3n predeterminada para la aplicaci\u00f3n es .css, tenemos que cambiar el nombre de esa extensi\u00f3n de archivo.<\/span>\n
Valor predeterminado: app\/assets\/stylesheets\/application.css *= require_self *= require_tree. Cambiar nombre: aplicaci\u00f3n\/activos\/hojas de estilo\/aplicaci\u00f3n.scss<\/blockquote>\nDespu\u00e9s de cambiar la extensi\u00f3n, debe eliminar la declaraci\u00f3n require y agregar el archivo de importaci\u00f3n de arranque dentro de application.scss.\n
@import \u201cbootstrap-sprockets\u201d; @importar \u201carranque\u201d; Antes de arrancar hay que importar bootstrap-sprockets. En application.js, debe agregar bootstrap require javascript \/\/= require jquery \/\/= require bootstrap-sprockets bootstrap-sprockets proporciona archivos Bootstrap Javascript individuales (por ejemplo: alert.js, dropdown.js, combobox.js) $ (documento ).ready(function(){ $('.dropdown-toggle').dropdown(); });<\/blockquote>\nEste es el javascript para el men\u00fa desplegable. La mejor parte de Ruby on Rails es que, para los problemas m\u00e1s comunes, puede brindarle una soluci\u00f3n. Con Bootstrap gem, tienes a tu alcance implementar algunas de las mejores im\u00e1genes y hacer que tu aplicaci\u00f3n se vea maravillosa sin tener que sacrificar demasiado tiempo. Cuando se trata de ahorrar tiempo, ning\u00fan otro lenguaje de programaci\u00f3n ahorra tiempo como Ruby on Rails. Entonces, si tiene poco tiempo pero a\u00fan desea crear una aplicaci\u00f3n incre\u00edble, opte por Ruby on Rails. Y si est\u00e1 buscando una empresa de desarrollo de Ruby on Rails, RailsCarma es una gran apuesta, aunque lo digamos nosotros mismos. Railscarma ha estado implementando Ruby on Rails desde sus etapas iniciales para el desarrollo, la capacitaci\u00f3n, la implementaci\u00f3n y la contribuci\u00f3n a la comunidad Rails y brindando la mejor Servicios de desarrollo de Ruby on Rails<\/a>. RailsCarma proporciona servicios Ruby on Rails de extremo a extremo que incluyen consultor\u00eda, arquitectura, construcci\u00f3n, gesti\u00f3n y extensi\u00f3n a empresas de todo el mundo. Tambi\u00e9n puedes contratar desarrolladores de Ruby on Rails con un proceso de contrataci\u00f3n sencillo. Cont\u00e1ctenos<\/a> para saber mas. Leer sobre m\u00e1s gemas:\n