From 4b8c66269894b3110ca74815dff134af7713d463 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 28 Oct 2013 21:19:09 -0700
Subject: [PATCH] use regular text, not callouts

---
 getting-started.html | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/getting-started.html b/getting-started.html
index 9eb820dffb..fbed75ec79 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -705,18 +705,6 @@ bootstrap/
 
     <h3>Internet Explorer 8 and 9</h3>
     <p>Internet Explorer 8 and 9 are also supported, however, please be aware that some CSS3 properties and HTML5 elements are not fully supported by these browsers. In addition, <strong>Internet Explorer 8 requires the use of <a href="https://github.com/scottjehl/Respond">Respond.js</a> to enable media query support.</strong></p>
-    <div class="bs-callout bs-callout-warning" id="respond-js-x-domain">
-      <h4>Respond.js and cross-domain CSS</h4>
-      <p>Using Respond.js with CSS hosted on a different (sub)domain (for example, on a CDN) requires some additional setup. <a href="https://github.com/scottjehl/Respond/blob/master/README.md#cdnx-domain-setup">See the Respond.js docs</a> for details.</p>
-    </div>
-    <div class="bs-callout bs-callout-warning" id="respond-file-proto">
-      <h4>Respond.js and <code>file://</code></h4>
-      <p>Due to browser security rules, Respond.js doesn't work with pages viewed via the <code>file://</code> protocol (like when opening a local HTML file). To test responsive features in IE8, view your pages over HTTP(S). <a href="https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats">See the Respond.js docs</a> for details.</p>
-    </div>
-    <div class="bs-callout bs-callout-warning" id="respond-import">
-      <h4>Respond.js and <code>@import</code></h4>
-      <p>Respond.js doesn't work with CSS that's referenced via <code>@import</code>. In particular, some Drupal configurations are known to use <code>@import</code>. <a href="https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats">See the Respond.js docs</a> for details.</p>
-    </div>
     <div class="table-responsive">
       <table class="table table-bordered table-striped">
         <thead>
@@ -758,6 +746,15 @@ bootstrap/
 
     <p>Visit <a href="http://caniuse.com/">Can I use...</a> for details on browser support of CSS3 and HTML5 features.</p>
 
+    <h3>Internet Explorer 8 and Respond.js</h3>
+    <p>Using Respond.js does not come without some caveats. Be aware of the following when using it in your development and production environments for Internet Explorer 8.</p>
+    <h4>Respond.js and cross-domain CSS</h4>
+    <p>Using Respond.js with CSS hosted on a different (sub)domain (for example, on a CDN) requires some additional setup. <a href="https://github.com/scottjehl/Respond/blob/master/README.md#cdnx-domain-setup">See the Respond.js docs</a> for details.</p>
+    <h4>Respond.js and <code>file://</code></h4>
+    <p>Due to browser security rules, Respond.js doesn't work with pages viewed via the <code>file://</code> protocol (like when opening a local HTML file). To test responsive features in IE8, view your pages over HTTP(S). <a href="https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats">See the Respond.js docs</a> for details.</p>
+    <h4>Respond.js and <code>@import</code></h4>
+    <p>Respond.js doesn't work with CSS that's referenced via <code>@import</code>. In particular, some Drupal configurations are known to use <code>@import</code>. <a href="https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats">See the Respond.js docs</a> for details.</p>
+
     <h3>Internet Explorer 8 and box-sizing</h3>
     <p>IE8 does not fully support <code>box-sizing: border-box;</code> when combined with <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, or <code>max-height</code>. For that reason, as of v3.0.1, we no longer use <code>max-width</code> on <code>.container</code>s.</p>