Comme le titre l'indique, cela a l'air simple et beau. Une autre caractéristique est qu'il utilise un nom de classe facile à comprendre pour les humains. Site officiel: https://semantic-ui.com/
La plupart des gens utilisent Bootstrap lors de la création de portefeuilles avec des rails, j'ai donc décidé de l'intégrer parce que je pensais que l'utilisation d'un cadre différent le rendrait visuellement différent et facile à attirer l'attention des employeurs. J'ai fait.
gemfile.
gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'
Comme toujours, $ bundle install
application.css.scss
@import "semantic-ui";
Renommez application.css en application.scss.css.
application.js
//= require semantic-ui
Apportez également des modifications à application.js.
Le cadre fonctionne maintenant.
référence https://stackoverflow.com/questions/37283642/how-do-i-set-up-a-rails-application-with-semantic-ui
Cliquez ici pour une utilisation détaillée https://qiita.com/sandabu/items/336fe312acbec98d21e3 https://qiita.com/Yuta_Fujiwara/items/8abeda1b92dcaf505149 https://segakuin.com/css/semantic/
Recommended Posts