git.roojs.org Git - roojs1/blob - examples/bootstrap/framed.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Framed layouts for bootstrap</title>
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6
   7     <!-- Bootstrap -->
   8     <link rel="stylesheet" href="../../css-bootstrap/bootstrap.min.css">
   9
  10     <link href="../../../bootswatch/AdminLTE-master/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11     <link href="../../../bootswatch/AdminLTE-master/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  12
  13     <link href="../../css-bootstrap/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
  14
  15
  16
  17
  18     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
  19     <!-- bootstrap js.. needs to compile it later.. -->
  20     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  21     <!--
  22     <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
  23     <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
  24     <script type="text/javascript" src="../../Roo/bootstrap/CheckBox.js"></script>
  25     <script type="text/javascript" src="../../Roo/bootstrap/Radio.js"></script>
  26
  27     <script type="text/javascript" src="../../Roo/bootstrap/dash/NumberBox.js"></script>
  28     <script type="text/javascript" src="../../Roo/bootstrap/dash/TabBox.js"></script>
  29     <script type="text/javascript" src="../../Roo/bootstrap/dash/TabPane.js"></script>
  30     <script type="text/javascript" src="../../Roo/bootstrap/Tooltip.js"></script>
  31
  32
  33     -->
  34
  35      <script type="text/javascript">
  36         Dashboard = {};
  37      </script>
  38
  39     <!-- test code -->
  40
  41   </head>
  42   <body id="body">
  43     <script type="text/javascript">
  44       Roo.onReady(function() {
  45           //Roo.XComponent.build();
  46           //Roo.bootstrap.Tooltip.init();
  47       });
  48     </script>
  49
  50     <header class=" header" id="roo-comp-1010">
  51         <a href="#" id="roo-comp-1012" class="logo">test</a>
  52         <nav class="navbar navbar-default navbar-static-top" role="navigation" id="roo-comp-1014">
  53             <div class="navbar-header">
  54                 <button type="button" class="navbar-toggle" data-toggle="collapse" id="roo-gen23">
  55                     <span class="sr-only">Toggle navigation</span>
  56                     <span class="icon-bar"></span>
  57                     <span class="icon-bar"></span>
  58                     <span class="icon-bar"></span>
  59                 </button>
  60             </div>
  61             <div class="collapse navbar-collapse" id="roo-gen26">
  62                 <a href="#" id="roo-comp-1016" class="navbar-btn sidebar-toggle">
  63                     <span class="icon-bar"></span>
  64                     <span class="icon-bar"></span>
  65                     <span class="icon-bar"></span>
  66                 </a>
  67                 <ul class="nav navbar-nav navbar-right" id="roo-comp-1018">
  68                     <li class="nav-item dropdown-toggle " id="roo-comp-1020">
  69                         <a href="#" id="roo-gen34">test
  70                             <span class="caret"></span>
  71                         </a>
  72                         <ul class="dropdown-menu" style="z-index: 1000; left: -93.125px; top: 40px;" id="roo-comp-1022">
  73                             <li class="dropdown-menu-item" id="roo-comp-1024">
  74                                 <a href="#" id="roo-gen35">
  75                                     <span>test</span>
  76                                 </a>
  77                             </li>
  78                         </ul>
  79                     </li>
  80                     <li class="nav-item" id="roo-comp-1026">
  81                         <a href="#" id="roo-gen38">test</a>
  82                     </li>
  83                 </ul>
  84             </div>
  85             <div class="x-dlg-mask" id="roo-gen25" style="width: 1497px; height: 50px; display: none;"></div>
  86         </nav>
  87     </header>
  88
  89
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100   </body>
 101 </html>