index.html

<!DOCTYPE html>
<html lang="zh_cn">
  <head>
    <meta charset="utf-8">
    <title>RXPage 演示</title>
    <link href="vendor/bootstrap-4.4.1-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="style/rxpage-demo.css" rel="stylesheet">
  </head>
  <body>
    <nav class="navbar navbar-light bg-light navbar-expand-sm">
      <div class="container">
        <a class="navbar-brand" href="#">RXPage</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item" id="nav_getting_started">
                  <a class="nav-link" href="https://github.com/vularsoft/rxeditor" target="_blank"><i class="fab fa-github"></i> GitHub</a>
                </li>
            </ul>
        </div>  
      </div>
    </nav>
    <div class="container mt-3">
      <div class="row">
        <div class="col">
          RXPage 内嵌可视化编辑组件，基于Bootstrap实现。
        </div>
      </div>
    </div>
    <div class="container mt-3">
      <div class="row">
        <div class="col-md-2">
          <div class="list-group">
            <a href="#" class="list-group-item list-group-item-action active">
              演示
            </a>
            <a href="#" class="list-group-item list-group-item-action">安装</a>
            <a href="#" class="list-group-item list-group-item-action">使用</a>
          </div>
        </div>
        <div class="col-md-10" style="height:calc(100vh - 120px);">
          <div id="rxpage"></div>
        </div>
      </div>
    </div>
    <script src="dist/rxpage.js"></script>
  <script>
  /*var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?aae631d95be9b18b0bf0230286d74da2";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();*/
  </script>
  </body>
</html>