react-bootstrap & ie8 polyfill added

ivan114 · ivan114 · commit 2eb62b2da491 · 2017-03-20T15:54:31.000+08:00
diff --git a/demo.html b/demo.html
@@ -19,13 +19,26 @@
 
 <body>
     <div id="root"></div>
+    <!--[if lt IE 9]>
+    <script>
+    (function(){
+      var ef = function(){};
+      window.console = window.console || {log:ef,warn:ef,error:ef,dir:ef};
+    }());
+    </script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>
+    <![endif]-->
     <!-- Load Babel -->
     <script src="http://code.jquery.com/jquery-3.2.0.min.js"></script>
     <!-- Latest compiled and minified JavaScript -->
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
     <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
     <script src="https://unpkg.com/react@15/dist/react.js"></script>
     <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.30.8/react-bootstrap.min.js"></script>
     <!-- Your custom script here -->
     <script type="text/babel" src="./jsx/app.jsx"></script>
 </body>
diff --git a/jsx/app.jsx b/jsx/app.jsx
@@ -1,11 +1,19 @@
-
 class Greeting extends React.Component {
   render() {
-    return <h1>Hello World!</h1>;
+    return (
+        <ReactBootstrap.Jumbotron>
+            <h1>Hello, world!</h1>
+            <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
+            <p><ReactBootstrap.Button bsStyle="primary">Learn more</ReactBootstrap.Button></p>
+        </ReactBootstrap.Jumbotron>
+    );
   }
 }
 
 ReactDOM.render(
-  <Greeting />,
+    <ReactBootstrap.Grid>
+        <Greeting />
+    </ReactBootstrap.Grid>
+  ,
   document.getElementById('root')
 );
