Home

Awesome

Meteor 1.3.2 + Bootstrap 4 (alpha) from Npm

You can clone this repo and run:

$ npm install
$ meteor

or you can configure Meteor + Bootstrap 4 from Npm from the start like that:

$ meteor create bootstrap-from-npm
$ cd bootstrap-from-npm
$ npm install
$ npm install --save bootstrap@4.0.0-alpha.2
$ npm install --save-dev autoprefixer
$ meteor add fourseven:scss
$ meteor remove standard-minifier-css
$ meteor add juliancwirko:postcss

in the package.json you need to configure autoprefixer, example:

{
  "name": "test-npm-scss",
  "private": true,
  "scripts": {
    "start": "meteor run"
  },
  "dependencies": {
    "bootstrap": "^4.0.0-alpha.2",
    "meteor-node-stubs": "~0.2.0"
  },
  "devDependencies": {
    "autoprefixer": "^6.3.6"
  },
  "postcss": {
    "plugins": {
        "autoprefixer": {
            "browsers": ["last 2 versions", "ie >= 9", "and_chr >= 2.3"]
        }
    }
  }
}

How to import files:

in your main.scss file in the app:

// import all
@import '{}/node_modules/bootstrap/scss/bootstrap.scss'

// or some components from '{}/node_modules/bootstrap/scss/' folder

example: main.scss file in this repo

in your main.js file import bootstrap js:

import 'bootstrap';

// or you can import only some of the components from 'node_modules/bootstrap/dist/js/umd'

example: main.js file in this repo


Bootstrap 4 (alpha) Docs: http://v4-alpha.getbootstrap.com/