Building results in entirely borked stylesheets

Open
#455 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
sass

Research direction

Compare the examples in the sass-js and icons-font folders, starting from each index file and its @import "bootstrap/scss/bootstrap"; entry point. Run both localhost examples and inspect why badges, column breakpoints, and icons differ. Done means the examples' Bootstrap styles behave consistently and the intended method for including fonts is established.

Written by the indexing model from the issue text.

Description

documentation enhancement question
  • I cloned the repo
  • I installed NPM in the sass-js folder
  • I started npm in the same
  • I run the localhost (index file) and tested > all good but no icons
  • I run the same in the icons-font > half the bootstrap doesn't work (badges, col-breakpoint...), despite that it loads @import "bootstrap/scss/bootstrap"; just like the sass-js one.

What is the problem? The two examples should load the same Bootstrap, just one with, the other without fonts - or not?
If not, how would one include the fonts in the full bootstrap bundle?

I am sorry if this has an obvious answer - however the obvious to me seems that if it loads @import "bootstrap/scss/bootstrap";... it should load the full bootstrap, yet it does not seem to.

Dominant language
HTML
Stars
691
Forks
390
Avg merge
1h 2m
Merged PRs (30d)
7

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from twbs/examples

All issues in twbs/examples

Similar issues

More Build System issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.