From: Chris Rebert <code@rebertia.com>
Date: Mon, 14 Oct 2013 06:50:20 +0000 (-0700)
Subject: add note to docs about Respond.js & file:// ; fixes part of #11019
X-Git-Tag: v3.0.1~39^2~38^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ceb7694ee325db6b85de374192ecda2407a731ea;p=thirdparty%2Fbootstrap.git

add note to docs about Respond.js & file:// ; fixes part of #11019
---

diff --git a/getting-started.html b/getting-started.html
index 67b367c523..bbb1c1b969 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -176,7 +176,8 @@ bootstrap/
     <!-- Bootstrap -->
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
 
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/libs/html5shiv/3.6.2/html5shiv.js"></script>
       <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
@@ -773,6 +774,10 @@ bootstrap/
       <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="table-responsive">
       <table class="table table-bordered table-striped">
         <thead>