title: Ace editor doesn't work with bootstrap
body: <p>I use boostrap default example theme: <a href="http://getbootstrap.com/examples/jumbotron-narrow/" rel="nofollow">http://getbootstrap.com/examples/jumbotron-narrow/</a></p>
  
  <p>and i'd like to past ace editor instead central block, but ace editor doesn't work (empty space):</p>
  
  <pre><code>...
  &lt;div class="container-narrow"&gt;
    &lt;div class="masthead"&gt;
      &lt;ul class="nav nav-pills pull-right"&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;h2 class="muted"&gt;Title&lt;/h2&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;textarea name="text" style="display: none;"&gt;&lt;/textarea&gt;
    &lt;div id="editor"&gt;Text&lt;/div&gt;
    &lt;hr&gt;
    &lt;div class="footer"&gt;
      &lt;p&gt;&amp;copy; SiteName&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt; &lt;!-- /container --&gt;
  
  &lt;script src="style/ace/src-noconflict/ace.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script&gt;
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/xcode");
    editor.getSession().setMode("ace/mode/c_cpp");
  &lt;/script&gt;
  ...
  </code></pre>
  
  <p>What am I doing wrong?</p>