Skip to content

Commit 8750952

Browse files
committed
fixes #24728
1 parent babdf36 commit 8750952

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

docs/4.0/getting-started/theming.md

+12-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ Utilize our source Sass files to take advantage of variables, maps, mixins, and
1919

2020
### File structure
2121

22-
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:
22+
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:
2323

2424
{% highlight plaintext %}
2525
your-project/
@@ -31,6 +31,17 @@ your-project/
3131
└── scss
3232
{% endhighlight %}
3333

34+
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.
35+
36+
{% highlight plaintext %}
37+
your-project/
38+
├── scss
39+
│ └── custom.scss
40+
└── bootstrap/
41+
├── js
42+
└── scss
43+
{% endhighlight %}
44+
3445
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.
3546

3647
{% highlight scss %}

0 commit comments

Comments
 (0)