以前、「CSSフレームワークBulmaが良さそう」という記事を書きましたが、 BulmaフレームワークをRailsアプリで使いたいと思い、その方法を調べたので書いておきます。 結論から言ってしまうと、gemがあるのでそれを使おう、ということです。 bulma-rails bulma-railsというgemがあるので、 これをGemfileに追加して、bundle installします。
![RailsでCSSフレームワークBulmaを使う | shimar's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fffe59837641ba414155263fc3dd5280f4cd052/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2F3pa2jrye0r9t%2F7e0cdYQKRPV7isdYc9hHUC%2Fc82ee46f5939869a4ff607326615cb27%2Flogo.png)
これまでCSSフレームワークといえば、Bootstrapばかり使っていましたが、BootstrapのためにjQueryを引き込むことに抵抗を感じるようになっていました。 そんな時、Bulmaというフレームワークを知ったので、調べた結果を簡単に纏めておきます。 http://bulma.io Bulmaの特徴 Bulmaの特徴としては、 レスポンシブデザイン対応 モジュール分割 Flexboxを使ったレイアウトシステム オープンソース CSSオンリー 豊富なコンポーネント といった点か。 レスポンシブデザイン対応 Bootstrapと同様に、Bulmaもレスポンスデザインに対応していて、モバイルファーストを意識した作りとなっている。 モジュール分割 Bulmaはsassで記述されていて、各構成要素が独立したsassソースとして分割されているため、利用者は必要なモジュールのみを取り込んで使うこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く