Question

我在项目中使用指南针和引导程序。一切都很好。我唯一想不出的是如何调整图标字形的大小。

例如，当bootstrap在其默认的less配置上运行时，我可以通过向父元素添加font-size css方法来增加图标大小。它工作得很好，但是当我为sass切换到bootstrap时，图标丢失了它的颜色和字体大小。

任何可能出错的想法？ 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'

使用this bootstrap作为sass gem。我没有使用任何mixins的图标。

Answer 1

我没有看到该项目中的任何内容表明它正在使用类似FontAwesome的内容。我看到的唯一图标来自sprite map，显然这些图标无法调整大小。 FontAwesome确实提供了一个包含所有图标的Sass文件：

https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.scss

Bootstrap for sass没有调整图标大小

1 个答案: