我在项目中使用指南针和引导程序进行 sass。一切正常。我唯一不知道的是如何调整图标字形的大小。
例如,当 bootstrap 在其默认的 less 配置上运行时,我可以通过向font-size
父元素添加 css 方法来简单地增加图标大小。它运行良好,但是当我切换到 bootstrap for sass 时,图标失去了颜色和字体大小。
任何想法可能出了什么问题?Boostrap 已正确导入到我的application.css.sass
文件中。
@import jquery.ui.all
@import variables.css.scss
@import bootstrap
@import sass-rules.css.scss
@import fonts.css.scss
@import general.css.scss
@import containers.css.scss
@import jquery.Jcrop.min
@import header.css.scss
@import side_bar.css.scss
@import modal.css.scss
@import home.css.scss
@import users.css.scss
@import items.css.scss
@import messages.css.scss
@import notifications.css.scss
@import me.css.scss
@import friends.css.scss
@import discover.css.scss
更新
Gemfile 资产
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
gem 'therubyracer', :platform => :ruby
gem 'twitter-bootstrap-rails'
gem 'bootstrap-sass', '~> 2.1.0.0'
gem 'uglifier', '>= 1.0.3'
end
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'compass'
将此引导程序用于sass gem。我没有对图标使用任何混合。