diff --git a/examples/bs2fa4.html b/examples/bs2fa4.html
new file mode 100644
index 000000000..a5165a73d
--- /dev/null
+++ b/examples/bs2fa4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
+  <title>summernote</title>
+  <!-- include jquery -->
+  <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
+
+  <!-- include libraries BS2 -->
+  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> 
+  <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 
+  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
+
+  <!-- include summernote -->
+  <link rel="stylesheet/less" type="text/css" href="../summernote.less" /> 
+  <script type="text/javascript" src="../summernote.js"></script>
+
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('.summernote').summernote({height: 300});
+    });
+  </script>
+</head>
+<body>
+<div class="summernote"></div>
+<script type="text/javascript">
+  less = {
+    env: "development", // or "production"
+    async: false,       // load imports async
+    fileAsync: false,   // load imports async when in a page under
+    // a file protocol
+    poll: 1000,         // when in watch mode, time in ms between polls
+    functions: {},      // user functions, keyed by name
+    dumpLineNumbers: "comments", // or "mediaQuery" or "all"
+    relativeUrls: false,// whether to adjust url's to be relative
+    // if false, url's are already relative to the
+    // entry less file
+    rootpath: ":/a.com/"// a path to add on to the start of every url
+    //resource
+  };
+</script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js" type="text/javascript"></script>
+</body>
+</html>
diff --git a/index.html b/index.html
index cd071d5fc..872dbb030 100644
--- a/index.html
+++ b/index.html
@@ -50,6 +50,11 @@ <h4>Old library
     <span class="label label-success">font-awesome v3.1.1</span>
   </h4>
   <iframe src="examples/bs2.html" width="100%" height="350px" frameBorder="0"></iframe>
+  <h4>Old library 2
+    <span class="label label-info">Bootstrap v2.3.1</span>
+    <span class="label label-success">font-awesome v4.0.3</span>
+  </h4>
+  <iframe src="examples/bs2fa4.html" width="100%" height="350px" frameBorder="0"></iframe>
 </div>
 <script type="text/javascript">
   less = {
