title: Grails Twitter Bootstrap Plugin Issue with navbar-fixed-top
body: <p>I am using <code>Grails 2.1.0</code> and <code><a href="http://grails.org/plugin/twitter-bootstrap" rel="nofollow">Twitter Bootstrap Plugin 2.1.1</a></code> and am encountering an issue with <code>navbar-fixed-top</code>.</p>
  
  <p>In order to get the Navbar fixed to the top of the page to behave correctly during resize, the <a href="http://twitter.github.com/bootstrap/components.html#navbar" rel="nofollow">Twitter Bootstrap Docs</a> states:</p>
  
  <blockquote>
    <p>Add .navbar-fixed-top and remember to account for the hidden area underneath it by adding at least 40px padding to the . Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.</p>
  </blockquote>
  
  <p>How can I do this when using the Grails Plugin for Twitter Bootstrap?  </p>
  
  <p>Here is what I have tried:</p>
  
  <p><strong>main.gsp</strong></p>
  
  <pre><code>&lt;head&gt;
    ...
    &lt;r:require modules="bootstrap-css"/&gt;
    &lt;style type="text/css"&gt;
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    &lt;/style&gt;
    &lt;r:require modules="bootstrap-responsive-css"/&gt;
    &lt;r:layoutResources/&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>The problem is that Grails Plugin for Twitter Bootstrap takes the content of <code>bootstrap.css</code> and <code>bootstrap-responsive.css</code> and combines them into the following merged file: <code>static/bundle-bundle_bootstrap_head.css</code>.  </p>
  
  <p>Thus, I am not able to put the body padding style "after core Bootstrap CSS and before Responsive CSS" as per Twitter Bootstrap docs.  </p>
  
  <p><strong>Here is the View Source HTML that I get from the main.gsp above</strong></p>
  
  <pre><code>&lt;style type="text/css"&gt;
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
    .sidebar-nav {
      padding: 9px 0;
    }
  &lt;/style&gt;
  
  &lt;link href="/homes/static/bundle-bundle_bootstrap_head.css" type="text/css" 
      rel="stylesheet" media="screen, projection" /&gt;
  </code></pre>
  
  <p>If there is no way to do this, I could always just drop the Grails Twitter Bootstrap Plugin and manually download Twitter Bootstrap and put it my Grails Project's <code>web-app/css</code>, <code>web-app/images</code>, and <code>web-app/js</code>.  However, I would like to be able to use the Grails Twitter Bootstrap Plugin. </p>
  
  <p>Thank you very much in advance, I appreciate it!</p>