[RUBY] Führen Sie ein einfaches und schönes CSS-Framework samantic-ui in Rails ein.

Framework-Funktionen

Wie der Titel schon sagt, sieht es einfach und schön aus. Ein weiteres Merkmal ist, dass ein Klassenname verwendet wird, der für Menschen leicht zu verstehen ist. Offizielle Website: https://semantic-ui.com/

Hintergrund

Die meisten Leute verwenden Bootstrap, wenn sie Portfolios mit Schienen erstellen. Deshalb habe ich beschlossen, es zu integrieren, weil ich dachte, dass die Verwendung eines anderen Frameworks es visuell anders und einfacher machen würde, die Aufmerksamkeit der Arbeitgeber auf sich zu ziehen. Ich tat.

Verfahren

gemfile.


gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'

Wie immer wird $ bundle installiert

application.css.scss


@import "semantic-ui";

Benennen Sie application.css in application.scss.css um.

application.js


//= require semantic-ui

Nehmen Sie auch Änderungen an application.js vor.

Das Framework funktioniert jetzt.

Referenz https://stackoverflow.com/questions/37283642/how-do-i-set-up-a-rails-application-with-semantic-ui

Klicken Sie hier für eine detaillierte Verwendung https://qiita.com/sandabu/items/336fe312acbec98d21e3 https://qiita.com/Yuta_Fujiwara/items/8abeda1b92dcaf505149 https://segakuin.com/css/semantic/

Recommended Posts

Führen Sie ein einfaches und schönes CSS-Framework samantic-ui in Rails ein.
[Rails] Führen Sie einen einfachen Kalender ein und fügen Sie in zusätzliche Ereignisse einen "Bestätigungsbildschirm" ein
[Schienenentnahme] Erstellen Sie eine einfache Entnahmefunktion mit Schienen
Eine einfache und bequeme Methode für HashMap
Ein Memo zum Erstellen eines einfachen Formulars, das nur HTML und CSS in Rails 6 verwendet