This tutorial is for Angular2-Meteor, but I think it should help people who are using Meteor-React too.
I didn’t find any working way online for how to use Bootstrap 4 from NPM (including JS and Tether) with Meteor 1.3. And this should NOT be a barrier for everyone to start to use Meteor with Bootstrap!
So I write here to help you start to use Bootstrap 4 quick.
1. To use Bootstrap 4 styles:
Run this in your terminal:
npm install --save firstname.lastname@example.org
meteor add fourseven:scss
Create a main.scss in any place in client folder like client/styles/main.scss.
Inside of main.scss, write
on the top.
2. To use Bootstrap 4 JS (including Tether):
In your client/app.ts file, write
on the top, this will import Bootstrap 4 JS file.
But now you will get error: Bootstrap tooltips require Tether
So in client/index.html file add one more script line,
so your index.html should be similar to this now:
<head> <base href="/"> <script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.3.2/js/tether.min.js"></script> </head> <body> <app></app> </body>
(You can also try to import Tether from NPM, but I got no luck. If anyone succeed, you are welcome to add your comment below)
Now you are good to go!
Another option is using ng2-bootstrap, which can help you get rid of Bootstrap JS and Tether.