title: Does implementing twitter bootstrap affect already existing css or form?
body: <p>So I just discovered the bootstrap and I'm trying to implement it into my small webpage/app so that I can make my form/console box more visually appealing.</p>
  
  <p>After integrating bootstrap as an external resource in jsfiddle, the prototype of my app/page still works. See:</p>
  
  <pre><code>code to make the red box go away
  </code></pre>
  
  <p><a href="http://jsfiddle.net/sean1rose/L3WyW/4/" rel="nofollow">jsfiddle</a></p>
  
  <p>As you can see, the jsfiddle version of my app is working properly</p>
  
  <p>But when implementing bootstrap into the actual site, everything is out of wack...</p>
  
  <p><a href="http://www.abveaspirations.com/" rel="nofollow">Actual site</a></p>
  
  <p>As you can see, the main image and output of text is completely gone and the structure of the form/console is also gone.</p>
  
  <p>Can anyone explain what's going on here?</p>
  
  <p>Am I integrating the CSS file incorrectly or am I just implementing bootstrap incorrectly, in general? Here's some the of the HTML file uploaded to the server:</p>
  
  <pre><code>&lt;head&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  ...
  &lt;body&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="textualizer.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Or does it have something to do with the CSS selectors and maybe they get altered after integrating bootstrap and that's why it's not working in the actual site? I'm totally lost here as to why it works in the jsfiddle but not with the actual site. (usually when I'm completely lost on something of this magnitude, the answer ends up being the most simple thing that I just happen to overlook)....</p>