title: Adding Bootstrap 3 Custom Components to Yeoman Angular project
body: <p>So I've been messing around with yeoman and angular a lot this past week and I've been able to incorporate bootstrap and ui-bootstrap into my yeoman angular project. However when I want to add a custom bootstrap component like a cover page (<a href="http://getbootstrap.com/examples/cover/" rel="nofollow">http://getbootstrap.com/examples/cover/</a>) that requires a different css file called cover.css. </p>
  
  <p>I've tried linking it in my main.html, index.html and even @import it to my main.css file but whenever I "grunt serve" it comes out squashed and narrowed. Is this because the main.css file is overwriting the cover.css? Or maybe a better question is how to add a css file to a yeoman project?</p>
  
  <p>This may be a stupid question but any help would be greatly appreciated.</p>