Bootstrap modal takes space even when closed or if changed all link colors change
<p>if I use the code like this, then my links on my shop all suddenly have a blue color. Right now my links are black and I want them to stay like this.</p>

<p>If I delete the header from the code, my links are black again, but the modal
takes up all the space on the page (makes a huge blank white space) as if it would be open and the page goes at the bottom of the "open modal" which is actually close, but takes up all the space.</p>

<p>I am pretty new to coding, so I would really appreciate your help.</p>

<p>Thank you</p>

<pre><code>&lt;head&gt;

&lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"&gt;
&lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css"&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;!-- Button trigger modal --&gt;
&lt;a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg"&gt;Launch demo modal&lt;/a&gt;

&lt;!-- Modal --&gt;
&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
&lt;div class="modal-dialog"&gt;
  &lt;div class="modal-content"&gt;
    &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
      &lt;h4 class="modal-title"&gt;Modal title&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
        &lt;img class="img-responsive" src="http://vmatechs.com/wp-content/uploads/2013/07/android.jpg" alt="image" /&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
      &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;&lt;!-- /.modal-content --&gt;
&lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
 &lt;/div&gt;&lt;!-- /.modal --&gt;  
&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;

&lt;body&gt;
</code></pre>