{"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":"erstellen-sie-visuelle-magie-mit-bootstrap-gem","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/de\/blog\/fachartikel\/erstellen-sie-visuelle-magie-mit-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\tGlaubt man Prognoseexperten, wird 2016 ein Jahr der visuellen Wahrnehmung. Schlie\u00dflich werden wir jeden Tag mit so vielen Daten bombardiert, dass wir die meisten davon ignorieren, es sei denn, sie wecken unser Interesse. Und visuell ist ein sicherer Weg, um ins Auge zu fallen. Aber oft verbringen wir so viel Zeit damit, unsere Anwendung zu polieren und ihr ein \u00e4sthetisches Aussehen zu verleihen, dass sie bei der Markteinf\u00fchrung bereits zu einem alten Gebrauchsgegenstand geworden ist. Was ist also der Ausweg? M\u00fcssen wir so viel Zeit damit verbringen, am Designelement unserer Anwendung zu arbeiten, oder m\u00fcssen wir sie wie eine alte Hexe von einer App auf den Markt bringen? Was w\u00e4re, wenn Sie Ihren Kuchen h\u00e4tten und ihn auch essen k\u00f6nnten? Mit Ruby on Rails k\u00f6nnen Sie Ihre Anwendung nicht nur schneller auf den Markt bringen, sondern mithilfe von Bootstrap gem auch beim Design zaubern. Bootstrap (ehemals Twitter Bootstrap) stellt CSS-Stylesheets bereit <\/b>und JavaScript-Code f\u00fcr die visuelle Gestaltung von Websites. Es handelt sich um ein Framework f\u00fcr die Front-End- oder browserbasierte Entwicklung, \u00e4hnlich wie Ruby on Rails ein Framework f\u00fcr die serverseitige oder Back-End-Entwicklung ist. Bootstrap ist ein Framework, das es einem Entwickler erleichtert, ein sch\u00f6nes Design f\u00fcr eine Anwendung oder eine Website zu erstellen. F\u00fcr eine Website oder eine Anwendung gibt es nur wenige gemeinsame Komponenten wie Widgets, Listen, Formulare, Typografie usw., und mit Bootstrap, das mit vordefinierten CSS-Klassen geliefert wird, k\u00f6nnen sie einfach und ohne gro\u00dfen Aufwand entworfen werden. Das Framework enth\u00e4lt au\u00dferdem JavaScript, was die Erstellung von Scroll-Spies, Akkordeons, Modalen und Popovers erleichtert. Das Bootstrap-Gem verf\u00fcgt au\u00dferdem \u00fcber eine solide, ausf\u00fchrliche und leicht verst\u00e4ndliche Dokumentation mit Beispielcodes f\u00fcr die meisten, wenn nicht alle Komponenten, die Bootstrap bereitstellt.\n

Installation:<\/span><\/h2>\n

Ruby auf Schienen<\/span>:<\/span><\/h3>\n
gem 'bootstrap-sass', '~> 3.3.6 \u2014->Muss hinzugef\u00fcgt werden, einfach zu l\u00f6schende Assets-Pipeline gem 'sass-rails', '>= 3.2' \u2014-> Standard-Gem in Rails-Anwendungspaketinstallation<\/blockquote>\nDie Dateierweiterung ist sehr wichtig. Die Dateierweiterung hat .scss oder .sass. In der neuen Anwendung ist die Standarderweiterung f\u00fcr die Anwendung .css. Wir m\u00fcssen diese Dateierweiterung umbenennen.<\/span>\n
Standard: app\/assets\/stylesheets\/application.css *= require_self *= require_tree. Umbenennen: app\/assets\/stylesheets\/application.scss<\/blockquote>\nNach dem \u00c4ndern der Erweiterung m\u00fcssen Sie die require-Anweisung entfernen und die Bootstrap-Importdatei in application.scss hinzuf\u00fcgen\n
@import \u201ebootstrap-sprockets\u201c; @import \u201ebootstrap\u201c; Vor dem Bootstrap m\u00fcssen Bootstrap-Sprockets importiert werden. In application.js muss der Bootstrap require javascript \/\/= require jquery \/\/= require bootstrap-sprockets hinzugef\u00fcgt werden. Bootstrap-sprockets stellt einzelne Bootstrap-Javascript-Dateien bereit (zum Beispiel: Alert.js, Dropdown.js, Combobox.js) $(document ).ready(function(){ $('.dropdown-toggle').dropdown(); });<\/blockquote>\nDies ist das Javascript f\u00fcr das Dropdown-Men\u00fc. Das Beste an Ruby on Rails ist, dass es Ihnen f\u00fcr die meisten h\u00e4ufigen Probleme eine L\u00f6sung bieten kann. Mit Bootstrap Gem haben Sie die M\u00f6glichkeit, einige der besten visuellen Elemente zu implementieren und Ihrer Anwendung ein wunderbares Aussehen zu verleihen, ohne zu viel Zeit opfern zu m\u00fcssen. Wenn es um Zeitersparnis geht, spart keine andere Programmiersprache so viel Zeit wie Ruby on Rails. Wenn Sie also unter Zeitdruck stehen und dennoch eine tolle App erstellen m\u00f6chten, entscheiden Sie sich f\u00fcr Ruby on Rails. Und wenn Sie auf der Suche nach einem Ruby on Rails-Entwicklungsunternehmen sind, ist RailsCarma eine gute Wahl, auch wenn wir das selbst sagen. Railscarma hat Ruby on Rails von Anfang an implementiert, um es zu entwickeln, zu schulen, bereitzustellen, einen Beitrag zur Rails-Community zu leisten und das Beste zu bieten Ruby on Rails-Entwicklungsdienste<\/a>. RailsCarma bietet Unternehmen auf der ganzen Welt End-to-End-Ruby-on-Rails-Dienste einschlie\u00dflich Beratung, Architektur, Aufbau, Management und Erweiterung. Sie k\u00f6nnen Ruby on Rails-Entwickler auch \u00fcber einen einfachen Einstellungsprozess einstellen. Kontaktiere uns<\/a> mehr wissen. Lesen Sie mehr \u00fcber weitere Edelsteine:\n