在 Rails 布局中使用 Sass 的 Twitter Bootstrap

Posted

技术标签:

【中文标题】在 Rails 布局中使用 Sass 的 Twitter Bootstrap【英文标题】:Twitter Bootstrap with Sass in Rails Layout 【发布时间】:2013-12-19 01:11:24 【问题描述】:

我正在尝试学习 Rails 布局并尝试使用 bootstrap-sass gem。

我想在视图顶部和侧面添加一个导航栏。钢筋应流畅连接,两者之间不得中断。

我已经做到了添加顶部导航栏,但现在我需要在左侧添加一个侧边栏。 Twitter Bootstrap 中似乎没有“左侧导航栏”功能。如何在 Rails 布局的左侧和顶部添加菜单?

【问题讨论】:

【参考方案1】:

有一个名为navbar-left 的类将左对齐导航栏中的组件(查看Documentation

您还可以创建导航(请参阅 Documentation 并添加类 nav-stackedpull-left

希望对你有帮助

【讨论】:

这些东西总是让我惊叹不已。谢谢。【参考方案2】:

您可以尝试使用navs 或list groups。 很多方法中的两种。

别忘了.pull-left!

【讨论】:

以上是关于在 Rails 布局中使用 Sass 的 Twitter Bootstrap的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Sass 中使用 Ruby/Rails 变量?

Rails 无故编译 sass partials

在 Rails 3.1 应用程序中使用 Sass + Compass + Blueprint

使用带有用户指定颜色的 SASS

为啥 bootstrap-sass 不能与 Rails 一起使用?

为啥我在这个 SASS 文件中得到一个未定义的 Foundation 变量错误?