【发布时间】:2013-03-30 00:26:41
【问题描述】:
通过在我的 Gemfile 中添加以下内容,我安装了支持较少的 twitter-bootstrap-rails gem:
gem 'therubyracer'
gem 'less-rails'
gem 'twitter-bootstrap-rails'
运行捆绑安装后,我继续运行生成器:
rails generate bootstrap:install static
我在 app/assets/stylesheets/ 中的 application.css 包含以下内容:
*= require_self
*= require_tree .
如果我查看源代码,我确实会看到以下内容:
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" />
原来如此。然后我开始使用 Grid 系统并添加标记 show-grid 并注意到它没有样式。我继续在我的 bootstrap_and_override.css.less 文件中添加以下内容:
@import "twitter/bootstrap/reset.less";
@import "twitter/bootstrap/variables.less";
@import "twitter/bootstrap/mixins.less";
@import "twitter/bootstrap/scaffolding.less";
@import "twitter/bootstrap/grid.less";
@import "twitter/bootstrap/layouts.less";
@import "twitter/bootstrap/type.less";
@import "twitter/bootstrap/forms.less";
@import "twitter/bootstrap/wells.less";
@import "twitter/bootstrap/component-animations.less";
@import "twitter/bootstrap/buttons.less";
@import "twitter/bootstrap/close.less";
@import "twitter/bootstrap/navs.less";
@import "twitter/bootstrap/navbar.less";
@import "twitter/bootstrap/labels-badges.less";
@import "twitter/bootstrap/hero-unit.less";
@import "twitter/bootstrap/utilities.less";
@import "twitter/bootstrap/responsive";
添加这些之后,我启动了本地 Rails 服务器,但仍然看不到应用程序中的标记。一定是在这里做错了什么。 application.css 是否需要重命名为 application.css.less?我需要重新编译一些东西吗?我猜show-grid 样式在下面的导入之一上(可能是 grid.less),我猜我做错的事情是没有导入那些样式表。
从哪里开始解决这个问题?
【问题讨论】:
-
网格的哪些方面在您的应用程序中不起作用?
-
Bootstrap 提供了带有“show-grid”类的示例,可以在您将代码放在一起时为您提供帮助,请参阅:twitter.github.com/bootstrap/scaffolding.html#gridSystem。我的 CSS 中没有“显示网格”的定义。假设它没有被正确包含。
-
您是否尝试将其包含在您的某些模板中?例如等等?我使用 Bootstrap,但我不需要做任何你做的个人包括。是的,行和 span3 标记都在那里。缺少的是显示网格。好的,我从来没有听说过 show-grid,在 Bootstrap 网站上似乎没有提到它,你从哪里得到信息?
标签: css ruby-on-rails ruby twitter-bootstrap less