Bootstrap for Rails 的替代品答案

【问题标题】：Alternatives to Bootstrap for RailsBootstrap for Rails 的替代品
【发布时间】：2012-07-11 08:22:41
【问题描述】：

我计划建立自己的网站并很快推出。我正在使用 Rails 框架进行所有编码。我知道我的网站样式的 Bootstrap。

但是，我过去已经将 Bootstrap 用于另一个站点。请提出其他替代方案。

谢谢 - 希德

【问题讨论】：

标签： css ruby-on-rails

【解决方案1】：

Zurb foundation 如果我要使用 Twitter Bootstrap 以外的东西，我会选择。

如果我想要真正的极简主义，我会使用thoughtbot's bourbon

其他一些：Skeleton 和 HTML Kickstart，如果您正在寻找真正轻便的东西。

【讨论】：

【解决方案2】：

如果您想为您的网站应用不同的样式，并且您通过切换到不同的 css 前端框架来实现这一点，那么之后您将度过一段艰难时期几个网站。您不仅每次都必须学习如何使用这些框架，而且在使用了几个网站之后，您将用尽框架来尝试。

相反，为什么不研究如何自定义 Bootstrap 以使其看起来独一无二（我知道开箱即用的 Bootstrap 正变得无处不在，看起来与众不同也很好）。 p>

有关于自定义 Bootstrap 的 some nice ideas here 和 there are other resources 如果你寻找它们。

善于使用一个前端框架并了解如何对其进行自定义，从而使您成为一名更有效率的开发人员。

【讨论】：

【解决方案3】：

查看RailsThemes 了解可替代使用 Bootstrap 的 Ruby on Rails 设计。安装后主题应该可以工作，而无需将您的站点转换为使用 Bootstrap 的标记。几种常见的宝石开箱即用。一些主题使用 Skeleton，同意 Dty 的回答。（全面披露：我是 RailsThemes 团队的一员。）

【讨论】：

【解决方案4】：

我知道您不想在其他网站上再次使用 Bootstrap，但建议您看看这个网站。他们使用 Twitter Bootstrap，但其中一些主题可能会激发您对 Bootstrap 的不同外观和感觉。 bootstrap 的典型开箱即用配置确实与许多网站非常相似，但这些人在采用基本外观并使它们看起来真正优雅方面做得很好。

https://wrapbootstrap.com/

【讨论】：

【解决方案5】：

如果您正在寻找新的东西，可以尝试语义 ui：http://semantic-ui.com/

代码的可读性很强。例如：

语义：

<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>

【讨论】：