gpt4 book ai didi

css - 在我的 Rails 应用程序中使用 Twitter Bootstrap,缺少标记

转载 作者:数据小太阳 更新时间:2023-10-29 08:04:51 26 4
gpt4 key购买 nike

我通过在我的 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 类来自 Bootstrap 在他们自己的演示站点上使用的 docs.css。

我不认为它真的适合下载 Bootstrap 的人使用,但我想没有什么能阻止你使用它。

css 在此文件中:

http://twitter.github.com/bootstrap/assets/css/docs.css

在 Bootstrap 上使用它:

http://twitter.github.com/bootstrap/scaffolding.html

关于css - 在我的 Rails 应用程序中使用 Twitter Bootstrap,缺少标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15713477/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com