1. add more detail information to README

ddouble · Dec 10, 2012 · 8d053a1 · 8d053a1
1 parent 503e2b6
commit 8d053a1
Show file tree

Hide file tree

Showing 2 changed files with 98 additions and 1 deletion.
diff --git a/README b/README
@@ -1,6 +1,102 @@
 ---------------------
-bsie MANUAL
+ Introduce
 ---------------------
+bsie is a patch library for Bootstrap IE6 support, bootstrap is a good web UI library from twitter.com
+
+At present, bsie support the most common feature of bootstrap on IE6, but not all ...
+
+Following table is supported component & feature:
+
+Component       Feature
+-----------------------------------------------------------
+grid            fixed, fluid
+navbar          top, fixed
+nav             list, tabs, pills
+dropdown        dropdown (two level)
+buttons         button, group color, size, dropdown-button, 
+                (disable state is not dynamic)
+form            default, horizontal, inline, all controls, 
+                validation state
+tables          hover
+pagination      all
+labels          all
+badges          all
+code            all
+modal           most
+tooltip         all
+popover         all
+alert           all
+typeahead       all
+progressbar     most
+media           all
+wells           all
+hero unit       all
+
+
+---------------------
+ File summary
+---------------------
+
+bootstrap/less-ie6 :
+
+  There are all patched .less files, you can compile bootstrap-ie6.less with lessc to get your patch css file -- bootstrap-ie6.css
+
+
+bootstrap/css/ie.css :
+
+  This is additional css patch, its most content can not be writen in .less file, it must follow bootstrap-ie6.css in <head> block.
+
+
+js/bootstrap-ie.js :
+
+  This javascript file patch some problem which can not be done by pure CSS approach.
+
+
+---------------------
+ Demo
+---------------------
+
+In bsie root directory, these file is demo:
+
+  test-XXX.html, for example test-buttons.html  test-form.html
+
+  p-1.html
+  ...
+  p-N.html, these file is a copy of bootstrap example pages
+
+
+
+---------------------
+ Manual
+---------------------
+
+Step 1: In <head> block, add following stylesheet:
+
+  <!-- Bootstrap css file v2.2.1 -->
+  <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
+
+  <!--[if lte IE 6]>
+  <!-- bsie css patch -->
+  <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
+
+  <!-- bsie additional css patch -->
+  <link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
+  <![endif]-->
+
+Step 2: In end of the document, add following javascript:
+
+  <!-- jQuery 1.7.2 or higher -->
+  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
+
+  <!-- Optional, bootstrap javascript library -->
+  <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
+
+  <!-- bsie js patch, it will only execute in IE6 -->
+  <script type="text/javascript" src="js/bootstrap-ie.js"></script>
+
+
+
+**** Notice: ***
 
 1. IE6    call bootstrapIE6() for every new html snippet (for ajax html content)
 2. IE6-7  ul.dropdown-menu must add this style: *width:explicit-width; for example: *width:180px;

diff --git a/p-5.html b/p-5.html
@@ -65,6 +65,7 @@
         width: auto;
         max-width: 680px;
         _width:680px;
+        /*_width:expression(this.clientWidth > 680 ? "680px" : "auto");*/
       }
       .container .credit {
         margin: 20px 0;