Railsのブートストラップの代替手段

Question

私は自分のサイトを構築し、すぐに立ち上げる予定です。私はRails Frameworkを使ってすべてのコーディングを行っています。私は自分のサイトのスタイリングのためのブートストラップを認識しています。

しかし、私はすでに別のサイトにBootstrapを使っています。他の選択肢を提案してください。

おかげ - 私はTwitterのブートストラップ以外のものを使用した場合シド

Answer 1

Zurb foundationは私の選択になります。あなたが本当に軽い何かを探しているなら、SkeletonとHTML Kickstart：私は本当にミニマ行きたいと思った場合は

私はthoughtbot's bourbon

いくつか他の人を使用すると思います。

Answer 2

あなたのウェブサイトに異なるスタイリングを適用したいとあなたはは、いくつかのウェブサイトの後に大変な時間を持っているつもり異なるCSSフロントエンドフレームワークに切り替えることにより、これを達成した場合。毎回これらのフレームワークを使用する方法を学ぶだけでなく、いくつかのWebサイトを試してみるためにフレームワークを使い果たしてしまった後でも、

代わりに、は、ブートストラップをカスタマイズしてユニークに見えるようにしましょう（私が知っているのは、ブートストラップが普及していて、異なった外観になっていることが分かります）。

ブートストラップのカスタマイズについてはsome nice ideas here、探している場合はthere are other resourcesがあります。

フロントエンドフレームワークを1つ使用して、それをカスタマイズする方法を理解してください。その結果、より生産性の高い開発者になるでしょう。

Answer 3

Bootstrapを使用する代わりにRuby on RailsデザインのためにRailsThemesをチェックしてください。テーマは、ブートストラップのマークアップを使用するようにサイトを変換する必要なく、インストール後に動作するはずです。いくつかの一般的な宝石は箱から出てきます。いくつかのテーマはスケルトンを使用し、Dtyの答えに同意します。 （全開示：私はRailsThemesに取り組んでいるチームの一員です）

Answer 4

もう1つのサイトでBootstrapをもう一度使いたくないのは知っていますが、このウェブサイトを見てみることをお勧めします。彼らはTwitter Bootstrapを使用していますが、テーマの中にはBootstrapの見た目と感触が異なるかもしれません。典型的なブートストラップ設定は、多くのサイトと非常によく似ていますが、基本的な見た目をして見事に見せる素晴らしい仕事をしています。

https://wrapbootstrap.com/

Answer 5

あなたが何か新しいものを探している場合は、セマンティックUIを試すことができます。http://semantic-ui.com/

コードは非常にreadeableであることを意味します。たとえば、次のように

セマンティック：

<div class="ui three column grid"> 
    <div class="column">1</div> 
    <div class="column">2</div> 
    <div class="column">3</div> 
</div> 

ブートストラップ：

<div class="row"> 
    <div class="col-lg-4">1</div> 
    <div class="col-lg-4">2</div> 
    <div class="col-lg-4">3</div> 
</div>