Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

bootstrap-nucleus

1.5.0 • Public • Published

Bootstrap Nucleus

Bootstrap Nucleus - the essential core of Bootstrap v4.

Installation

npm

npm install bootstrap-nucleus
require('bootstrap-nucleus')

Direct Download

See https://github.com/Splode/bootstrap-nucleus/blob/master/dist/bootstrap-nucleus.min.css

CSS

@import 'bootstrap-nucleus.min.css';

HTML

<link href="bootstrap-nucleus.min.css" rel="stylesheet" type="text/css">

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.

<main class="container">
  <section class="row d-flex">
    <article class="col-md-8">
      ...
    </article>
    <aside class="col-md-4 p-3">
      ...
    </aside>
  </section>
</main>

Custom Build

Use the following to rebuild project assets:

npm run build

Use the following to bundle and minify distribution files:

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.

install

npm i bootstrap-nucleus

Downloadsweekly downloads

5

version

1.5.0

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability