Css 在我的Rails应用程序中使用Twitter引导,缺少标记
通过在Gemfile中添加以下内容,我安装了支持较少的twitter引导rails gem:Css 在我的Rails应用程序中使用Twitter引导,缺少标记,css,ruby-on-rails,ruby,twitter-bootstrap,less,Css,Ruby On Rails,Ruby,Twitter Bootstrap,Less,通过在Gemfile中添加以下内容,我安装了支持较少的twitter引导rails gem: gem 'therubyracer' gem 'less-rails' gem 'twitter-bootstrap-rails' 运行捆绑安装后,我继续运行生成器: rails generate bootstrap:install static app/assets/stylesheets/中的My application.css包含以下内容: *= require_self *=
gem 'therubyracer'
gem 'less-rails'
gem 'twitter-bootstrap-rails'
运行捆绑安装后,我继续运行生成器:
rails generate bootstrap:install static
app/assets/stylesheets/中的My application.css包含以下内容:
*= require_self
*= require_tree .
如果我查看源代码,我确实会看到以下内容:
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" />
添加这些之后,我启动了本地Rails服务器,但仍然没有在应用程序中看到标记。一定是做错了什么。application.css是否需要重命名为application.css.less?我需要重新编译一些东西吗?我猜show grid
样式设置在下面的一个导入中(可能是grid.less),我猜我做得不正确的是没有导入那些样式表
从哪里开始进行故障排除是一个好的步骤?Bootstrap show grid类来自Bootstrap在其自己的演示站点上使用的docs.css 我不认为它真的应该被下载Bootstrap的人使用,但我想没有什么能阻止你使用它 css位于此文件中: 这是在引导过程中使用的:
网格的哪些方面在您的应用程序中不起作用?Bootstrap提供了“show Grid”类的示例,可帮助您在整理代码时使用,请参阅:。我的css中没有“显示网格”的定义。假设没有正确地包含它。您是否尝试过将其包含在某些模板中?e、 g.等等。?我使用Bootstrap,但我不需要执行您所执行的任何单个include。是的,行和span3标记都在那里。缺少的是show grid。好吧,我从未听说过show grid,在引导网站上似乎没有对它的引用,你从哪里获得信息?
@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";