1.0.1 • Published 4 years ago
bootstrap-starter-kit v1.0.1
Quick Start
- Download the latest release. (https://github.com/Qanser/bootstrap-starter-kit/archive/master.zip)
- Clone the Repo:
git clone https://github.com/Qanser/bootstrap-starter-kit.git
- Run
npm install
- Run
npm start
- 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