Using custom bootstrap3 themes with Meteor.js

Question

I've added bootstrap 3 to my meteorjs project according to the readme here: https://github.com/mangasocial/meteor-bootstrap-3

Everything works great, but now I would like to theme my bootstrap with http://bootswatch.com/ (simplex) theme. According to the directions I need to replace the default bootstrap CSS file with a downloaded one. My questions what is the proper "meteor" way to accomplish this? How do I override a file that is included as part of a meteor package?

Answer 1

You can remove the bootstrap-3 package and put your custom bootstrap3 in your meteor project. For example:

PROJECT/
    client/
        css/
            bootstrap.css
        js/
            bootstrap.js

Answer 2

I'm using the twbs:bootstrap Bootstrap 3 meteor package. I downloaded a new theme from Bootswatch which is a bootstrap.min.css file, and tossing that file in my meteor project seems to have worked. I think the CSS in the project is able to override the default Bootstrap CSS.