Skip to content

A
AdminLTE

知鸟1号 / AdminLTE
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
A
AdminLTE

体验新版 GitCode，发现更多精彩内容 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
top-nav.html 6.5 KB
Newer Older
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
1 2 3 4 5 6 7 8 9 10 11 12 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>AdminLTE 2 | Dashboard</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
A
Added links to layout options  
Abdullah Almsaeed 已提交
13 
    <!-- AdminLTE Skins. Choose a skin from the css/skins
A
Updated app.js & removed skins from main css file  
almasaeed2010 已提交
14 15 
         folder instead of downloading all of them to reduce the load. -->
    <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
16 17 18 19 20 21 22 23 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="../../https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="../../https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
A
Added tips to how to create a cretain layout in the layout options pages  
Abdullah Almsaeed 已提交
24 
  <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
25 26 27 
  <body class="skin-blue layout-top-nav">
    <div class="wrapper">
      <!-- header logo: style can be found in header.less -->
A
Modifed layout-top-nav to have a better look  
Abdullah Almsaeed 已提交
28 
      <header class="main-header">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
29 
        <nav class="navbar navbar-static-top">
A
;  
Abdullah Almsaeed 已提交
30 
          <div class="container-fluid">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
31 
          <div class="navbar-header">
A
Modifed layout-top-nav to have a better look  
Abdullah Almsaeed 已提交
32 
            <a href="../../index2.html" class="navbar-brand"><b>Admin</b>LTE</a>
A
Added links to layout options  
Abdullah Almsaeed 已提交
33 
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
34 35 36 37 38 
              <i class="fa fa-bars"></i>
            </button>
          </div>

          <!-- Collect the nav links, forms, and other content for toggling -->
A
Added links to layout options  
Abdullah Almsaeed 已提交
39 
          <div class="collapse navbar-collapse" id="navbar-collapse">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
              <li><a href="#">Link</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                  <li class="divider"></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
              <div class="form-group">
A
Added links to layout options  
Abdullah Almsaeed 已提交
58 
                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 
              </div>
            </form>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Link</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
A
;  
Abdullah Almsaeed 已提交
75 
          </div><!-- /.container-fluid -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 
        </nav>
      </header>
      <!-- Full Width Column -->
      <div class="content-wrapper">
        <div class="container-fluid">
          <!-- Content Header (Page header) -->
          <section class="content-header">
            <h1>
              Top Navigation
              <small>Example 2.0</small>
            </h1>
            <ol class="breadcrumb">
              <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
              <li class="active">Dashboard</li>
            </ol>
          </section>

          <!-- Main content -->
          <section class="content">
A
Added tips to how to create a cretain layout in the layout options pages  
Abdullah Almsaeed 已提交
95 96 97 98 99 100 101 102 
            <div class="callout callout-info">
              <h4>Tip!</h4>
              <p>Add the layout-top-nav class to the body tag to get this layout. This feature can also be used with a sidebar! So use this class if you want to remove the custom dropdown menus from the navbar and use regular links instead.</p>
            </div>
            <div class="callout callout-danger">
              <h4>Warning!</h4>
              <p>The construction of this layout differs from the normal one. In other words, the HTML markup of the navbar and the content will slightly differ than that of the normal layout.</p>
            </div>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
103 104 105 106 107 108 109 110 111 
            <div class="box box-default">
              <div class="box-header with-border">
                <h3 class="box-title">Blank Box</h3>
              </div>
              <div class="box-body">
                The great content goes here
              </div><!-- /.box-body -->
            </div><!-- /.box -->
          </section><!-- /.content -->
A
Added links to layout options  
Abdullah Almsaeed 已提交
112 
        </div><!-- /.container -->
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
113 114 115 116 117 118 119 120 121 122 123 124 125 
      </div><!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="container-fluid">
          <div class="pull-right hidden-xs">
            <b>Version</b> 2.0
          </div>
          <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
        </div><!-- /.container -->
      </footer>
    </div><!-- ./wrapper -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
A
Added links to layout options  
Abdullah Almsaeed 已提交
126 127 
    <!-- SlimScroll -->
    <script src="../../plugins/slimScroll/jquery.slimScroll.min.js" type="text/javascript"></script>
A
Added fastclick.js to deal with touch screen click lag time  
Abdullah Almsaeed 已提交
128 129 
    <!-- FastClick -->
    <script src='../../plugins/fastclick/fastclick.min.js'></script>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
130 
    <!-- AdminLTE App -->
A
Added app.min.js  
almasaeed2010 已提交
131 
    <script src="../../dist/js/app.min.js" type="text/javascript"></script>
A
AdminLTE 2.0 alpha  
almasaeed2010 已提交
132 133 134 135 
    <!-- AdminLTE for demo purposes -->
    <script src="../../dist/js/demo.js" type="text/javascript"></script>
  </body>
</html>