Meteor Bootstrap node modules overwrite my own css

Question

Im using Meteor why node modules are load at last, and overwrite my own css files in imports/ directories? Im using bootstrap , but there are class es that I don't like as background-color body . Here happens this: in my directories:

import/ui/socially/socially.less  
body{ backgrond-color: #000000;}

but don't work, when the firefox or chrome refresh the same default bootstrap color always appear.

I read the documentation Order Loads but this no solution my issue. I don't wanna overwrite original files of the bootstrap, or delete, or edit because is not good idea when I will use .git Any ideas? Thanks for all. Please I have many days in this issue jajaja

Answer 1

• Check your css syntax

body{ background-color: #000000 }

• Make sure you load your external CSS file after the bootstrap css file else your rules will get overwritten
• If it still doesn't work. Try this :

body{ background-color: #000000 !important }