https://github.com/shivarm/bootstrap-starter
A boilerplate project for Bootstrap 5 projects
https://github.com/shivarm/bootstrap-starter
bootstrap template
Last synced: over 1 year ago
JSON representation
A boilerplate project for Bootstrap 5 projects
- Host: GitHub
- URL: https://github.com/shivarm/bootstrap-starter
- Owner: shivarm
- Created: 2023-10-26T17:37:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-09T07:09:27.000Z (over 2 years ago)
- Last Synced: 2025-03-19T21:12:27.589Z (over 1 year ago)
- Topics: bootstrap, template
- Language: HTML
- Homepage:
- Size: 662 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bootstrap 5 Simple Starter
This is a boilerplate project for creating and customizing Bootstrap websites. Just run the `npm run sass:watch` command and customize Bootstrap by changing the variable values.
* You can check our [example project](./example-project) for inspiriation.
## Usage
Install dependencies:
```bash
npm install
```
This will install Bootstrap, Sass and Font Awesome.
## Compile Sass
To build your CSS files from Sass, run:
```bash
npm run sass:build
```
## Watch Sass
To watch your Sass files for changes, run:
```bash
npm run sass:watch
```
After run the above command, just open your HTML web page in browser then you will be able to see the following output.
* To customize, add the Bootstrap variables to the `scss/bootstrap.scss` file. You can look at the file `node_modules/bootstrap/dist/scss/_variables.scss` for a list of all the variables. Do NOT edit the `variables.scss` file directly, as it will be overwritten when you update Bootstrap.
* To add your own custom styles, use the `scss/styles.scss` file.