Question

我正在尝试使用Bootstrap和Google代码更漂亮，但最终结果却相当令人失望。在Gemfile：

gem 'bootstrap-sass', '~> 2.2.1.1'
gem 'google-code-prettify-rails'

在application.css：

*= require bootstrap
*= require google-code-prettify-rails/prettify

在application.js：

//= require bootstrap$
//= require google-code-prettify-rails/prettify
//= require google-code-prettify-rails/lang-sql

我从.coffee脚本加载prettyPrint()：

jQuery ->
  prettyPrint()

一切正常，<code class="prettyprint lang-sql">...</code>格式化。但是唉，格式化它的CSS是Bootsrap的CSS和漂亮的主题CSS的混合，它显示......丑陋。 Element Inspect显示来自Bootstrap的样式：

/* line 8, .../bootstrap-sass-2.2.1.1/vendor/assets/stylesheets/bootstrap/_code.scss */
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 17, .../bootstrap-sass-2.2.1.1/vendor/assets/stylesheets/bootstrap/_code.scss */
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

我的问题是

有没有办法阻止资产管道包含Bootstrap自己的_code.scss？
如果没有，我该如何重置Bootstrap的应用样式？

Rails资产：重置bootstrap css属性，这样它们就不会与谷歌代码的美化器发生冲突

0 个答案: