问题标签 [bootstrap-sass]

我在 heroku 上使用 gem 'bootstrap-sass' 和 gem 'sass-rails', '~> 4.0.0' 在我的本地服务器上，我可以看到我的 css 更改，但是当我加载到 heroku 时，我的自定义 css 被覆盖。

例如在我的本地服务器中，我可以清楚地看到 chrome 开发人员工具中的 css 文件为

font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

但在 css 上，这会被覆盖。我的意思是我可以看到 chrome 开发人员工具，在 heroku 中，上面的行被删除并显示另一种字体

字体系列：verdana、arial、helvetica、sans-serif；

我没有添加这个字体。此外，“body-background color”css 颜色被删除，默认的白色背景显示为 body 背景颜色。

任何人都可以提供任何指针。

这就是我的 production.rb 的样子

我正在尝试在 Rails 上安装 Bootstrap，但似乎无法安装它。我跑了bundle install，bundle update但rails server似乎无法让它工作。

这是错误代码：

找不到或无法读取要导入的文件：引导程序。
加载路径：
c:/Users/teddynuts/Desktop/pinteresting/app/assets/images c:/Users/teddynuts/Desktop/pinteresting/app/assets/javascripts c:/Users/teddynuts/Desktop/pinteresting/app/assets/样式表 c:/Users/teddynuts/Desktop/pinteresting/vendor/assets/javascripts c:/Users/teddynuts/Desktop/pinteresting/vendor/assets/stylesheets c:/RailsInstaller/Ruby2.0.0/lib/ruby/gems/2.0。 0/gems/turbolinks-2.2.2/lib/assets/javascripts c:/RailsInstaller/Ruby2.0.0/lib/ruby/gems/2.0.0/gems/jquery-rails-3.1.0/vendor/assets/javascripts c :/RailsInstaller/Ruby2.0.0/lib/ruby/gems/2.0.0/gems/coffee-rails-4.0.1/lib/assets/javascripts
(在 c:/Users/teddynuts/Desktop/pinteresting/app/assets/样式表/bootstrap_and_customization.css.scss:1)

我的 CSS 文件标题bootstrap_and_customization.css.scss代码是：

我的宝石文件代码是：

我在 Gemfile 中使用 bootstrap-sass 启动了一个新的 rails 项目。

跑了以下：

在我的资产/样式表/application.css.scss

启动 Rails 服务器

在浏览器中，链接 localhost:3000 显示

使用 Rails 4.1.1 和 bootstrap-sass 3.1.1 Gemfile：

以下命令将 simple_form 与 twitter-bootstrap 集成

$ rails g simple_form:install --bootstrap

但我想将我的 simple_form 与bootstrap 3集成。用于此的命令是什么？

我正在使用带有 bootstrap3 的设计 gem。我设计了我的页面，表格水平和中心对齐。但是这里的样式没有正确应用。我在这里犯了什么错误？

我收到以下错误。根据我的研发，我相信它正在生产，bootstrap-sass但我该如何解决它我已经非常努力但仍然无法得到一些东西。

红宝石 -v = 1.9.3 轨道 = 3.2.2

宝石文件

我一直在研究这个问题几个小时。期待你们的帮助。

谢谢

我试图让响应式导航栏消失在小屏幕上的下拉按钮中。

我的尝试按预期滚动到我的浏览器上的一个按钮（当浏览器窗口变窄时），但该按钮没有下拉。但是，如果查看生成的页面源并将正文剪切并粘贴到 bootply 中，它在那里可以正常工作。我猜这是我的 bootstrap-sass 或我如何设置 .scss 文件的问题。

我尝试将所有内容汇总在一个 .scss 文件中，如Bootstrap Rails 4 sass layout not working中所述，但没有看到任何变化。

这是 Rails 4.0.2，带有 gems sass-rails 4.0.3 和 bootstrap-sass 3.1.1.1。

Bootply 使用从 rails 工作的相同主体：http: //www.bootply.com/785c0msG86

演示该问题的 Git 存储库：https ://github.com/vt102/navbartest

在Gemfile我有：

我现在已将其更改为以下内容，这是撰写本文时的最新版本：

查看RubyGems.org 上的bootstrap-sass (3.0.3.0)和bootstrap-sass (3.1.1.1)，我发现这两个版本都具有以下运行时依赖项：

看一下sass本身，我发现它没有运行时依赖项，并且它的最新版本是：

进行上述更改后（对bootstrap-sass），我跑了bundle，看到以下内容：

我的问题是为什么没有sass更新，我如何在不引用它的情况下更新它Gemfile？

对于它的价值，这里有更多信息：

我知道关于这个的 SO 线程（我在下面链接了它们），但不幸的是我无法用它们解决这个问题，所以请允许我这个问题 :-)

我已经使用 Yeoman 引导了一个 AngularJS 项目，因此依赖于使用 bower.js 和 SCSS 的 grunt.js 构建。我想使用 bootstrap-sass-official 中的 font-awesome 和 glyphicons-halflings-regular。运行“grunt serve”时一切都很好，但是当我想创建一个文件集以进行分发时，对字体文件的引用并没有按应有的方式更新。

main.scss 包含

但 dist/styles/123456.main.css 中的结果是类似的引用

因此，在我看来，路径似乎已更新（到 tmp 路径），但没有使用“dist”的正确值。我试图摆弄 gruntfile 中的 copy 和 rev 任务，但还没有找到正确的触发器，但是:(

我曾经为此找到解决方案的线程和其他来源：

• 使用 grunt 构建项目时，Fontawesome 无法正常工作
• 使用 grunt 构建的 Angular 应用程序中缺少资产
• 未在 main.css 中为 grunt dist 编码的字体真棒 URL
• http://likesalmon.net/use-font-awesome-on-yeoman-angularjs-projects/
• https://github.com/yeoman/generator-angular/issues/350

有什么提示我可以如何解决这个问题吗？

我安装了带有 Ruby 插件的 IntelliJ IDEA 13.1。我的 Rails 项目已正确设置为使用bootstrap-sassgem 并在浏览器中正常工作。

根据 Rails 约定，我在第一行有一个文件 ( app/assets/stylesheets/custom.css.scss)，其中包含自定义样式。@imports "bootstrap"自动完成在这个文件中工作得很好（即引导变量和类在 ctrl+space 上弹出）。

我希望在编辑*.html.erb文件（或任何 html 文件）时也可以使用 Bootstrap 类的自动完成功能。那可能吗？

ps 在*.html.erb文件中，唯一可用于自动完成的 css 类是直接在custom.css.scss.