用于Rails的Bootstrap的替代方案

时间:2012-07-11 08:22:41

标签: css ruby-on-rails

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

但是,我过去已经在其他网站上使用过Bootstrap。请提出一些其他选择。

由于 - 希德

5 个答案:

答案 0 :(得分:9)

如果我使用Twitter Bootstrap以外的其他东西,

Zurb foundation将是我的选择。

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

其他一些人:SkeletonHTML Kickstart,如果你正在寻找一些非常轻松的东西。

答案 1 :(得分:4)

如果你想对你的网站应用不同的样式而你通过切换到不同的css前端框架来实现这一目标,那么你将会遇到困难时间一些网站。您不仅需要每次都学习如何使用这些框架,而且还要在几个网站之后用完框架来试用。

相反,为什么不弄清楚如何自定义Bootstrap ,这样你就可以让它看起来很独特(我知道开箱即用的Bootstrap正变得无处不在,看起来很不错)。

如果您正在寻找自定义Bootstrap和some nice ideas here,还有there are other resources

善于使用一个前端框架并了解如何自定义它,因此您将成为一个更高效的开发人员。

答案 2 :(得分:3)

查看RailsThemes以获取使用Bootstrap替代的Ruby on Rails设计。主题应该在安装后工作,而不需要将您的站点转换为使用Bootstrap的标记。几种常见的宝石只需开箱即用。一些主题使用Skeleton,同意Dty的回答。 (完全披露:我是RailsThemes团队的一员。)

答案 3 :(得分:2)

我知道您不想再将Bootstrap用于其他网站,但建议您查看此网站。他们使用Twitter Bootstrap,但是一些主题可能会激发你对Bootstrap的不同外观和感觉。引导程序的典型开箱即用配置确实看起来与很多站点非常相似,但是这些人做了很好的基本外观并使它们看起来非常优雅。

https://wrapbootstrap.com/

enter image description here

答案 4 :(得分:0)

如果您正在寻找新的东西,可以尝试使用语义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>