Bootstrap for Rails的替代品

Question

我打算建立我自己的網站並很快推出。我正在使用Rails框架進行所有編碼。我知道我的網站的樣式的Bootstrap。

但是，我已經在其他站點使用過Bootstrap。請建議一些其他的選擇。

感謝 - 希德

Answer 1

Zurb foundation將是我的選擇，如果我是使用比Twitter的引導其他的東西。

如果我想去真正極簡我會使用thoughtbot's bourbon

有些人：Skeleton和HTML Kickstart，如果你正在尋找的東西真的很輕。

Answer 2

如果你想不同的造型應用到你的網站，你通過切換到你去幾個網站後，有一個艱難的時間不同的CSS前端框架實現這一目標。您不僅需要每次都學習如何使用這些框架，還需要在幾個網站中使用完框架才能嘗試。

而是，爲什麼不弄清楚如何自定義Bootstrap，這樣你就可以使它看起來很獨特（我知道Bootstrap開箱即可無處不在，看起來很不一樣）。

還有some nice ideas here關於自定義Bootstrap和there are other resources如果你找到它們。

善於使用一個前端框架並瞭解如何對其進行定製，因此您將成爲一位效率更高的開發人員。

Answer 3

檢查出用於Ruby on Rails設計的RailsThemes，這些設計是使用Bootstrap的替代方案。這些主題應該在安裝後運行，無需將您的網站轉換爲使用Bootstrap的標記。幾個常見的寶石只是開箱即用。一些主題使用Skeleton，同意Dty的答案。 （完全披露：我是RailsThemes團隊的一員）

Answer 4

我知道你不想再使用Bootstrap作爲另一個站點，但會建議你看看這個網站。他們使用Twitter Bootstrap，但一些主題可能會激發你對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>