NOCC a responsive Bootstrap 5 dual theme npm package
MIT License
Are you tired of outdated Bootstrap themes?
Say hello to NOCC 🎉: A Modern Bootstrap 5 Theme!
It comes in two powerful options:
ⓘ NOCC is a complete replacement for Bootstrap 5.3.3
You'll find all the required directories and files within the download, logically grouping common assets and providing compiled and minified variations.
Select your favourite package manager and follow the instructions below.
npm install nocc-bootstrap-theme --save
yarn add nocc-bootstrap-theme
composer require nocc-bootstrap-theme
The package folder structure looks like this:
nocc-bootstrap-theme/
├─ css/
├─ fonts/
├─ icons/
├─ images/
├─ js/
└─ src/
css/nocc-theme.css
(or the minified nocc-theme.min.css
) file loads the fonts and icons. Remember to include JavaScript files and images in your project.You can also import the source SCSS files to your manifest (e.g. index.scss).
@import "nocc-bootstrap-theme/src/styles/main.scss";
If you need documentation or help with Bootstrap or its components in general, please head over to Bootstrap documentation.
You can change or use this theme in your own Sass code; please download the source code from the GitHub repository and change it.
git clone --recursive [email protected]:carlesloriente/nocc-bootstrap-theme.git
cd nocc-bootstrap-theme
git submodule update --init --recursive
(only needed the very first time)The folder structure looks like this:
nocc-bootstrap-theme/
├─ bootstrap/
├─ scripts/
├─ src/
| ├─ fonts/
| ├─ icons/
| ├─ images/
| ├─ js/
| └─ styles/
└─ static/
├─ gallery/
└─ posts/
Install node modules, run the command:
npm install
Build the distribution, run the command:
npm run compile
The source includes resources for building and running locally a sample website.
If you want to see the theme in action, complete the following steps.
Now, let's build the demo site, run the command:
npm run compile-demo
The folder demo
contains all the generated site files.
To run the bundled web server, run the command:
npm run server-watch
Additionally, an option builds the files on the fly when there's a change and runs the web server incorporating a watcher, so you can write code and see your changes immediately in the browser. Run the command:
npm run start-demo
If you want to test the code, run the command:
npm run lint
Have a bug or an issue with this package? Open a new issue here on GitHub!
New contributors are always welcome! Check out CONTRIBUTING.md to get involved.
Carles Loriente is the creator and maintainer of the NOCC Bootstrap theme.
Bootstrap 5 framework created by Mark Otto and Jacob Thorton.
Copyright (c) 2024 Carles Loriente. Code released under the MIT license.