anjlab / bootstrap-rails

Twitter Bootstrap CSS (with Sass flavour) and JS toolkits for Rails 3 projects
https://github.com/anjlab/bootstrap-rails
729 stars 96 forks source link

siteWidth problem #17

Closed coolzilj closed 12 years ago

coolzilj commented 12 years ago

According to http://twitter.github.com/bootstrap/scaffolding.html, $siteWidth counts number of columns and gutters to set width of the .container-fixed() mixin, and I set $siteWidth to970px,but it didn't change the container size, it still be 940px Here is my code in bootstrap.scss:

$gridGutterWidth:10px;
$gridColumnWidth:70px;
$siteWidth:970px;
@import "mixins.scss";
...

How can I change the container size correspondingly?

yury commented 12 years ago

Thanks for issue.

  1. $siteWidth - is error in docs. This var is called $gridRowWidth now and it is computed (($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1))). So just use $gridGutterWidth and $gridColumnWidth
  2. There was bug with variable overrides. It is fixed in v2.0.0.3, please update.
  3. Steps to set new .container width:
    • in application.css replace *= require bootstrap with *= require overrides
    • create overrides.css.scss
    • in overrides.css.scss place:
$gridColumnWidth: 70px;
$gridGutterWidth: 10px;

@import "bootstrap"
coolzilj commented 12 years ago

Thanks for the fix.It's alright now.