twbs / twbs/examples

Building results in entirely borked stylesheets

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

Nobody has claimed this yet.

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

Description

  • 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.

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.

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.