From: Moris Zen Pasic Date: Thu, 21 Sep 2017 14:57:36 +0000 (+0200) Subject: Added examples to the existing docs change for more clarity X-Git-Tag: v4.0.0-beta.2~203 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bc2db58b7309c654a2169d1340c34035d146bbe2;p=thirdparty%2Fbootstrap.git Added examples to the existing docs change for more clarity --- diff --git a/docs/4.0/getting-started/options.md b/docs/4.0/getting-started/options.md index c9b1d7d9fc..a830d81af8 100644 --- a/docs/4.0/getting-started/options.md +++ b/docs/4.0/getting-started/options.md @@ -8,13 +8,15 @@ toc: true ## Customizing variables -Every Sass variable in Bootstrap 4 includes the `!default` flag, meaning you can override that default value in your own Sass. Copy and paste variables as needed, modify the values, remove the !default flag, and recompile. If a variable has already been assigned, then it won't be re-assigned by the default values in Bootstrap. This means that your modified Sass variables should be called before you import Bootstrap Sass files. - -For example, to change out the `background-color` and `color` for the ``, you'd do the following: +Every Sass variable in Bootstrap 4 includes the `!default` flag, meaning you can override that default value in your own Sass. Copy and paste variables as needed, modify the values and remove the !default flag. If a variable has already been assigned, then it won't be re-assigned by the default values in Bootstrap. This means that your modified Sass variables should be called before you import Bootstrap Sass files. For example, to change out the `background-color` and `color` for the ``, you'd do the following:: {% highlight scss %} -$body-bg: $gray-900; -$body-color: $gray-600; +// Your variable overwrite first or a Sass file containing the modifications +$body-bg: #000000; +$body-color: #ffffff; + +// Then import Bootstrap +@import "node_modules/bootstrap/scss/bootstrap"; {% endhighlight %} Do the same for any variable you need to override, including the global options listed below.