title: Bootstrap list-inline is not Functioning in <pre> Box
body: <p>Can you please take a look at This <a href="http://jsfiddle.net/Behseini/rwrk5/" rel="nofollow">Demo</a> and let me know why BootStrap <code>list-inline</code> class is not functioning inside a <code>&lt;pre&gt;&lt;/pre&gt;</code> box?</p>
  
  <pre><code> &lt;pre&gt;
    &lt;ul class="list-inline"&gt;
        &lt;li&gt;&lt;a class="btn btn-default" href="#"&gt;One &lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="btn btn-default" href="#"&gt;Two &lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="btn btn-default" href="#"&gt;Threew &lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/pre&gt;
  </code></pre>