Créez de la magie visuelle avec Bootstrap Gem

Si l’on en croit les experts en prédiction, 2016 sera l’année du visuel. Après tout, nous sommes bombardés chaque jour de tellement de données que nous en ignorons la plupart, à moins que cela ne nous plaise. Et le visuel est un moyen sûr d’attirer l’attention. Mais le plus souvent, nous passons tellement de temps à peaufiner notre application et à essayer de lui donner un aspect esthétique que lorsqu'elle arrive sur le marché, elle est déjà devenue une vieille marchandise. Alors, quelle est la sortie ? Devons-nous consacrer autant de temps à travailler sur l'élément de conception de notre application ou la mettre sur le marché en ressemblant à une vieille application ? Et si vous pouviez avoir le gâteau et le manger aussi ? Avec Ruby on Rails, non seulement vous pouvez mettre votre application sur le marché plus rapidement, mais vous pouvez aussi faire de la magie avec sa conception à l'aide de la gemme Bootstrap. Bootstrap (anciennement Twitter Bootstrap) fournit des feuilles de style CSS et du code JavaScript pour la conception visuelle des sites Web. Il s'agit d'un framework pour le développement front-end ou basé sur un navigateur, similaire à la façon dont Ruby on Rails est un framework pour le développement côté serveur ou back-end. Bootstrap est un framework qui permet à un développeur de créer facilement un joli design pour une application ou un site Web. Pour un site Web ou une application, il existe peu de composants courants comme les widgets, les listes, les formulaires, la typographie, etc., et avec Bootstrap qui est livré avec des classes CSS prédéfinies, ils peuvent être conçus facilement et sans trop de complications. Le framework est également livré avec JavaScript, ce qui facilite la création d'espions de défilement, d'accordéons, de modaux et de popovers. La gemme bootstrap dispose également d'une documentation solide, complète et facile à comprendre fournissant des exemples de codes pour la plupart, sinon la totalité, des composants fournis par Bootstrap.

Installation:

Rubis sur Rails:

gem 'bootstrap-sass', '~> 3.3.6 —-> Besoin d'ajouter, facile à supprimer le pipeline d'actifs gem 'sass-rails', '>= 3.2' —-> Gem par défaut dans l'installation du bundle d'application Rails

L'extension de fichier est très importante. L'extension de fichier a .scss ou .sass. Dans la nouvelle extension par défaut de l'application est .css, nous devons renommer cette extension de fichier.

Par défaut : app/assets/stylesheets/application.css *= require_self *= require_tree. Renommer : app/assets/stylesheets/application.scss

Après avoir modifié l'extension, vous devez supprimer l'instruction require et ajouter le fichier d'importation bootstrap dans le fichier application.scss.

@import « bootstrap-pignons » ; @import « bootstrap » ; Avant le bootstrap, vous devez importer des pignons d'amorçage. Dans application.js, vous devez ajouter le bootstrap require javascript //= require jquery //= require bootstrap-sprockets bootstrap-sprockets fournit des fichiers Javascript Bootstrap individuels (par exemple : alert.js, dropdown.js, combobox.js) $ (document ).ready(function(){ $('.dropdown-toggle').dropdown(); });

Ceci est le javascript de la liste déroulante. La meilleure partie de Ruby on Rails est que pour les problèmes les plus courants, il peut vous fournir une solution. Avec Bootstrap Gem, vous avez à portée de main pour implémenter certains des meilleurs visuels et donner à votre application une apparence magnifique sans avoir à sacrifier trop de temps. Lorsqu'il s'agit de gagner du temps, aucun autre langage de programmation ne permet de gagner du temps comme Ruby on Rails. Donc, si vous êtes pressé par le temps mais que vous souhaitez quand même créer une application étonnante, optez pour Ruby on Rails. Et si vous recherchez une société de développement Ruby on Rails, RailsCarma est un excellent pari, même si nous le disons nous-mêmes. Railscarma a mis en œuvre Ruby on Rails depuis ses débuts pour le développement, la formation, le déploiement et la contribution à la communauté Rails et offre le meilleur Services de développement Ruby on Rails. RailsCarma fournit des services Ruby on Rails de bout en bout, notamment du conseil, de l'architecture, de la construction, de la gestion et de l'extension, aux entreprises du monde entier. Vous pouvez également embaucher des développeurs Ruby on Rails grâce à un processus d'embauche simple. Contactez-nous en savoir plus. En savoir plus sur les gemmes :

• Resque Gem : Pour les processus d'arrière-plan dans ROR
• Comment installer et utiliser Ruby-Prof Gem
• Sujets tendance utilisant Twitter Gem
• Gemme de travail retardée pour CSV