Bootstrap Nucleus - the essential core of Bootstrap v4.
npm install bootstrap-nucleus
require('bootstrap-nucleus')
See https://github.com/Splode/bootstrap-nucleus/blob/master/dist/bootstrap-nucleus.min.css
@import 'bootstrap-nucleus.min.css';
<link href="bootstrap-nucleus.min.css" rel="stylesheet" type="text/css">
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.
<main class="container">
<section class="row d-flex">
<article class="col-md-8">
...
</article>
<aside class="col-md-4 p-3">
...
</aside>
</section>
</main>
Use the following to rebuild project assets:
npm run build
Use the following to bundle and minify distribution files:
npm run dist
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.