https://github.com/rominalodolo/npmbootstrap
a bootstrap project initialised with npm
https://github.com/rominalodolo/npmbootstrap
bootstrap containers javascript npm popperjs react
Last synced: 3 months ago
JSON representation
a bootstrap project initialised with npm
- Host: GitHub
- URL: https://github.com/rominalodolo/npmbootstrap
- Owner: rominalodolo
- Created: 2021-12-08T16:38:26.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-13T17:59:00.000Z (over 4 years ago)
- Last Synced: 2025-03-01T13:41:55.550Z (over 1 year ago)
- Topics: bootstrap, containers, javascript, npm, popperjs, react
- Language: HTML
- Homepage:
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NPM Bootstrap Project
a bootstrap project initialised with npm
Full Course for Beginners by Dawid Adach via Free Code Camp.
[Watch the course here](https://www.youtube.com/embed/-qfEOE4vtxE).
This is the installation via the compiled CSS and JS files.
## npm React
Getting started:
`npm init`
`npm install bootstrap`
`npm install @popperjs/core --save`
#### Tools:
[React Installation guide](https://mdbootstrap.com/docs/b5/react/getting-started/installation/)
` npm i @popperjs/core `
[More info here](https://popper.js.org)
## Containers in Bootstrap
[How they work](https://getbootstrap.com/docs/5.1/layout/containers/)
- `.container` which sets a max-width at each responsive breakpoint
- `.container-fluid` which is width: 100% at all breakpoints
- `.container-{breakpoint}` which is width: 100% until the specified breakpoint
Below: Table illustrates how each container’s max-width compares to the original `.container` & `.container-fluid` across each breakpoint.
## Screen Shot of Bootstrap Website
Last edit December 2021