title: Bootstrap: How to modify header when accordion is active?
body: <p>For some reason, my accordion pushes up my header when it is active. I am wondering the best way to go about fixing this, is it possible to add a class to the header when the accordion is active to move it's position down (margin-top)?</p>
  <p>I am using the default bootstrap.js and jquery.js files. Here is my HTML:</p>
  <pre><code>&lt;div class=&quot;navbar-header&quot;&gt;
              &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#bs-example-navbar-collapse-1&quot;&gt;
                  &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
              &lt;/button&gt;
  
              &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;
              &lt;img class=&quot;header-logo&quot; style=&quot;&quot; src=&quot;&quot;&gt;SF&lt;/a&gt;
          &lt;/div&gt;
          
          &lt;div class=&quot;collapse navbar-collapse pull-right&quot; id=&quot;bs-example-navbar-collapse-1&quot;&gt;
              &lt;ul class=&quot;nav navbar-nav&quot;&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=&quot;#&quot;&gt;Retrospective&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/GyGja.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GyGja.png" alt="This is what it looks like active" /></a></p>
  <p><a href="https://i.stack.imgur.com/60ime.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/60ime.png" alt="And this is the header normally" /></a></p>
  <p>These images are the header with the accordion active/normal.</p>