1.0.1 • Published 4 years ago

bootstrap-starter-kit v1.0.1

Weekly downloads
3
License
ISC
Repository
github
Last release
4 years ago

Quick Start

  1. Run npm install
  2. Run npm start
  3. Open http://localhost:3000/ in your browser.

The 7-1 Pattern

I usually go with what I call the 7-1 pattern: 7 folders, 1 file. Basically, you have all your partials stuffed into 7 different folders, and a single file at the root level (usually named main.scss) which imports them all to be compiled into a CSS stylesheet.

bootstrap-starter-kit/
└── sass/
    ├── abstracts/
    │   ├── _functions.scss
    │   ├── _mixins.scss
    │   ├── _placeholders.scss
    │   ├── _variables.scss   
    ├── base/
    │   ├── _reset.scss
    │   ├── _typography.scss
    ├── components/
    │   ├── _buttons.scss
    │   ├── _carousel.scss
    │   ├── _cover.scss
    │   ├── _dropdown.scss
    ├── layout/
    │   ├── _footer.scss
    │   ├── _forms.scss
    │   ├── _grid.scss
    │   ├── _header.scss
    │   ├── _navigation.scss    
    │   ├── _sidebar.scss    
    ├── pages/
    │   ├── _contact.scss
    │   ├── _home.scss
    ├── themes/
    │   ├── _theme.scss
    │   ├── _admin.scss
    ├── vendors/   
    │   └── _bootstrap.scss
    └── main.scss