title: While Combinig Bootstrap and JQM
body: <p>For some reasons I have to use JQM and Bootstrap in my mobile application. 
  But the problem is that there is a conflict between them. The proble is that the footer will appear fine WITHOUT bootstrap link but once its is added, only half of the footer will be seen. How do we solve this issue ? Is there any way to say html page to use a certain css conditionally ?
  Thanks in advance.
  CODE: </p>
  
  <pre><code>&lt;!--HEADER--&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"/&gt;
  &lt;link rel="stylesheet" href="css/jquery.min.css"/&gt;
  
  &lt;!-- STUFFS--&gt;
  
  &lt;div data-role="footer" data-position="fixed"&gt;
  &lt;p align="center"&gt;&amp;copy; Mobile App&lt;/p&gt;
  &lt;/div&gt; &lt;!-- FOOTER --&gt;
  </code></pre>