title: How to properly integrate HTML5 Boilerplate with Twitter Bootstrap?
body: <p>In my Play 2.0 project I already have Bootstrap integrated (as the less files, Play can compile them in the fly) but now I found Boilerplate and I think it would be a nice idea to make use of it also.</p>
  
  <p>After a bit of googling I found this:
  <a href="http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa" rel="nofollow">http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa</a></p>
  
  <p>So, looks like integration should be possible, and there are even 2 projects which try to do that. The only problem is that they do completely different things and I'm not sure which one is correct.</p>
  
  <p><a href="https://gist.github.com/1422879" rel="nofollow">https://gist.github.com/1422879</a> in its current state seems to just ignore <code>styles.css</code> file coming from Boilerplate. It's renamed to <code>h5bp.css</code>, but I don't see <code>h5bp.css</code> included anywhere.</p>
  
  <p><a href="https://github.com/elgreg/html5-boilerstrap" rel="nofollow">https://github.com/elgreg/html5-boilerstrap</a> on the other hand uses both of them, just splitting styles.css file into two parts (<code>h5bp_normalize.css</code> and <code>styles.css</code>, <code>bootstrap.css</code> is included between them). But aren't there any conflicts between Boilerplate and Bootstrap this way?</p>
  
  <p>So I'm a bit lost. What is the proper way of doing things in this case?</p>