Update Bootstrap example to 3.2.0

examples/jquery-bootstrap/js/app.js

@@ -46,29 +46,33 @@ var BootstrapModal = React.createClass({
     }
     if (this.props.cancel) {
       cancelButton = (
-        <BootstrapButton onClick={this.handleCancel}>
+        <BootstrapButton onClick={this.handleCancel} className="btn-default">
           {this.props.cancel}
         </BootstrapButton>
       );
     }
 
     return (
-      <div className="modal hide fade">
-        <div className="modal-header">
-          <button
-            type="button"
-            className="close"
-            onClick={this.handleCancel}
-            dangerouslySetInnerHTML={{__html: '&times'}}
-          />
-          <h3>{this.props.title}</h3>
-        </div>
-        <div className="modal-body">
-          {this.props.children}
-        </div>
-        <div className="modal-footer">
-          {cancelButton}
-          {confirmButton}
+      <div className="modal fade">
+        <div className="modal-dialog">
+          <div className="modal-content">
+            <div className="modal-header">
+              <button
+                type="button"
+                className="close"
+                onClick={this.handleCancel}>
+                &times;
+              </button>
+              <h3>{this.props.title}</h3>
+            </div>
+            <div className="modal-body">
+              {this.props.children}
+            </div>
+            <div className="modal-footer">
+              {cancelButton}
+              {confirmButton}
+            </div>
+          </div>
         </div>
       </div>
     );
@@ -107,7 +111,9 @@ var Example = React.createClass({
     return (
       <div className="example">
         {modal}
-        <BootstrapButton onClick={this.openModal}>Open modal</BootstrapButton>
+        <BootstrapButton onClick={this.openModal} className="btn-default">
+          Open modal
+        </BootstrapButton>
       </div>
     );
   },