title: QWebView is overriting styles from bootstrap 3
body: <p>I am using <code>QWebView</code> to display html pages. I am using Twitter bootstrap 3.2 as the UI framework. I find that pages are displayed differently when viewed in FF and Chrome, than when rendered by <code>QWebView</code> in my application. Both FF and Chrome render the html pages fairly similarly, however in <code>QWebView</code>, even the fonts used etc are different.</p>
  
  <p>This leads me to think that <code>QWebView</code> is applying its own defaults to the loaded html document.</p>
  
  <p>Here is how <code>QWebView</code> is being instansiated in my application:</p>
  
  <pre><code>m_viewer = new QWebView();
  
  //Disable Reload RH mouse click on browser view
  m_viewer-&gt;page()-&gt;action(QWebPage::Reload)-&gt;setVisible(false);
  
  // set blank sheet (to prevent flicker when startup screen is shown)
  m_viewer-&gt;setHtml("&lt;html&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;");
  
  setCentralWidget(m_viewer);
  </code></pre>
  
  <p>I use <code>setHtml()</code> to load a new page.</p>
  
  <p>Here is sample HTML I use to test the required functionality</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta http-equiv="refresh" content="5; url=login.html" &gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;title&gt;Dummy Demo&lt;/title&gt;
          &lt;style type="text/css"&gt;
              body { -webkit-user-select: none; }
          &lt;/style&gt;
          &lt;link href="bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;/head&gt;
      &lt;body ondragstart="return false"&gt;
          &lt;div class="container"&gt;
              &lt;div class="hero-unit"&gt;
                  &lt;h1&gt;Well, do you feel lucky Punk?!&lt;/h1&gt;
                  &lt;p&gt;Lorem ipsum etc cetera ...&lt;/p&gt;
              &lt;/div&gt;
              &lt;hr /&gt;
              &lt;div class="footer"&gt;
                  &lt;div class="span4"&gt;&amp;copy Me, myself &amp;amp; I 2014&lt;/div&gt;
                  &lt;div class="span4"&gt;&lt;/div&gt;
                  &lt;div class="span4"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;script src="js/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
          &lt;script src="bootstrap-3.2.0-dist/js/bootstrap.min.js"&gt;&lt;/script&gt;        
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have two questions:</p>
  
  <ol>
  <li><p>Is there something like Firebug that I could use to inspect the loaded document in <code>QWebView</code>?. Failing that, how do I confirm that stylesheets and JavaScript referenced in the loaded document have been loaded successfully?</p></li>
  <li><p>Is there a way to switch off ALL styling defaults in <code>QWebView</code>?</p></li>
  </ol>