Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/splode/bootstrap-nucleus
Bootstrap Nucleus - the essential core of Bootstrap v4.
https://github.com/splode/bootstrap-nucleus
bootstrap bootstrap-grid bootstrap-nucleus css css-framework
Last synced: 26 days ago
JSON representation
Bootstrap Nucleus - the essential core of Bootstrap v4.
- Host: GitHub
- URL: https://github.com/splode/bootstrap-nucleus
- Owner: Splode
- Created: 2017-08-07T02:49:43.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T17:32:58.000Z (about 2 years ago)
- Last Synced: 2024-12-19T23:36:09.681Z (about 1 month ago)
- Topics: bootstrap, bootstrap-grid, bootstrap-nucleus, css, css-framework
- Language: CSS
- Homepage:
- Size: 310 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Bootstrap Nucleus
> Bootstrap Nucleus - the essential core of Bootstrap v4.
## Installation
### npm
```bash
npm install bootstrap-nucleus
```
```javascript
require('bootstrap-nucleus')
```
### Direct Download
See [https://github.com/Splode/bootstrap-nucleus/blob/master/dist/bootstrap-nucleus.min.css](https://github.com/Splode/bootstrap-nucleus/blob/master/dist/bootstrap-nucleus.min.css)
#### CSS
```scss
@import 'bootstrap-nucleus.min.css';
```
#### HTML
```html
```
## Usage
Bootstrap Nucleus includes the essential core of Bootstrap v4 without the fluff.
Core includes:
- CSS Reboot
- Bootstrap Grid
- Bootstrap Utilities
Use Bootstrap Nucleus the same way that you would use Bootstrap v4.
```html
...
...
```
### Custom Build
Use the following to rebuild project assets:
```bash
npm run build
```
Use the following to bundle and minify distribution files:
```bash
npm run dist
```
## Why Nucleus?
The Bootstrap framework is an excellent tool for prototyping. In production, however, I find myself overwriting the majority of the Bootstrap component styles and retaining only the core framework components, such as the grid.
Instead of including the entire Bootstrap framework for projects, Bootstrap Nucleus allows a project to retain the essential Bootstrap components while shedding the fluff. At 48 KB minified, Bootstrap Nucleus is less than half the size of Bootstrap's CSS framework.