@@ -19,7 +19,7 @@ Utilize our source Sass files to take advantage of variables, maps, mixins, and
### File structure
Whenever possible, avoid modifying Bootstrap's core files. For Sass, that means creating your own stylesheet that imports Bootstrap so you can modify and extend it. Assuming you've downloaded our source files or are using a package manager, you'll have a file structure that looks like this:
Whenever possible, avoid modifying Bootstrap's core files. For Sass, that means creating your own stylesheet that imports Bootstrap so you can modify and extend it. Assuming you're using a package manager like npm, you'll have a file structure that looks like this:
{% highlight plaintext %}
your-project/
...
...
@@ -31,6 +31,17 @@ your-project/
└── scss
{% endhighlight %}
If you've downloaded our source files and aren't using a package manager, you'll want to manually setup something similar to that structure, keeping Bootstrap's source files separate from your own.
{% highlight plaintext %}
your-project/
├── scss
│ └── custom.scss
└── bootstrap/
├── js
└── scss
{% endhighlight %}
In your `custom.scss`, you'll import Bootstrap's source Sass files. You have two options: include all of Bootstrap, or pick the parts you need. We encourage the latter, though be aware there are some requirements and dependencies across our components. You also will need to include some JavaScript for our plugins.
