title: Optimizing for critical rendering path when using bootstrap
body: <p>Would it be possible to optimize for the critical rendering path (similar to what Google and Facebook are doing) if I am using Bootsrap 3?</p>
  
  <p>Facebook just inlined the styles that are related to the header and sidebars.
  Google inlined all the styles because they do not have much styles for the homepage.</p>
  
  <p>The issue here is that let's say I want to inline styles related to my header, it would consist of over 10 classses used from bootstrap (<code>container-fluid</code>, <code>row</code>, <code>col-lg-10</code>, <code>col-lg-offset-2</code>, etc..).
  And inlining bootstrap is a bad idea because it is over 100kbs</p>
  
  <p>I want to load above the fold content, really quick.</p>
  
  <p>Is there a smart way of doing it? Do you have any recommendations?</p>