github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Updated links to display sidebar mini properly

pull/325/merge
Abdullah Almsaeed 2015-04-03 20:48:20 -04:00
parent fb77d2171c
commit 7516fece64
1 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
starter.html
View File

@ -32,7 +32,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- <!--
BODY TAG OPTIONS: BODY TAG OPTIONS:
================= =================
Apply one or more of the following classes to get the Apply one or more of the following classes to get the
desired effect desired effect
|---------------------------------------------------------| |---------------------------------------------------------|
| SKINS | skin-blue | | SKINS | skin-blue |
@ -45,9 +45,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
|LAYOUT OPTIONS | fixed | |LAYOUT OPTIONS | fixed |
| | layout-boxed | | | layout-boxed |
| | layout-top-nav | | | layout-top-nav |
| | sidebar-collapse | | | sidebar-collapse |
| | sidebar-mini |
|---------------------------------------------------------| |---------------------------------------------------------|
--> -->
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
@ -56,7 +56,12 @@ scratch. This page gets rid of all links and provides the needed markup only.
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="index2.html" class="logo"><b>Admin</b>LTE</a> <a href="index2.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>A</b>LT</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Admin</b>LTE</span>
</a>
<!-- Header Navbar --> <!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation"> <nav class="navbar navbar-static-top" role="navigation">
@ -86,14 +91,14 @@ scratch. This page gets rid of all links and provides the needed markup only.
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
</div> </div>
<!-- Message title and timestamp --> <!-- Message title and timestamp -->
<h4> <h4>
Support Team Support Team
<small><i class="fa fa-clock-o"></i> 5 mins</small> <small><i class="fa fa-clock-o"></i> 5 mins</small>
</h4> </h4>
<!-- The message --> <!-- The message -->
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li><!-- end message -->
</ul><!-- /.menu --> </ul><!-- /.menu -->
</li> </li>
<li class="footer"><a href="#">See All Messages</a></li> <li class="footer"><a href="#">See All Messages</a></li>
@ -116,7 +121,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<a href="#"> <a href="#">
<i class="fa fa-users text-aqua"></i> 5 new members joined today <i class="fa fa-users text-aqua"></i> 5 new members joined today
</a> </a>
</li><!-- end notification --> </li><!-- end notification -->
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">View all</a></li> <li class="footer"><a href="#">View all</a></li>
@ -149,7 +154,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li><!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -235,10 +240,10 @@ scratch. This page gets rid of all links and provides the needed markup only.
<ul class="sidebar-menu"> <ul class="sidebar-menu">
<li class="header">HEADER</li> <li class="header">HEADER</li>
<!-- Optionally, you can add icons to the links --> <!-- Optionally, you can add icons to the links -->
<li class="active"><a href="#"><span>Link</span></a><</li> <li class="active"><a href="#"><i class='fa fa-link'></i> <span>Link</span></a></li>
<li><a href="#"><span>Another Link</span></a></li> <li><a href="#"><i class='fa fa-link'></i> <span>Another Link</span></a></li>
<li class="treeview"> <li class="treeview">
<a href="#"><span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a> <a href="#"><i class='fa fa-link'></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu"> <ul class="treeview-menu">
<li><a href="#">Link in level 2</a></li> <li><a href="#">Link in level 2</a></li>
<li><a href="#">Link in level 2</a></li> <li><a href="#">Link in level 2</a></li>
@ -265,7 +270,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<!-- Your Page Content Here --> <!-- Your Page Content Here -->
</section><!-- /.content --> </section><!-- /.content -->
@ -277,23 +282,24 @@ scratch. This page gets rid of all links and provides the needed markup only.
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
Anything you want Anything you want
</div> </div>
<!-- Default to the left --> <!-- Default to the left -->
<strong>Copyright &copy; 2015 <a href="#">Company</a>.</strong> All rights reserved. <strong>Copyright &copy; 2015 <a href="#">Company</a>.</strong> All rights reserved.
</footer> </footer>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS --> <!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.1.3 --> <!-- jQuery 2.1.3 -->
<script src="plugins/jQuery/jQuery-2.1.3.min.js"></script> <script src="plugins/jQuery/jQuery-2.1.3.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="dist/js/app.min.js" type="text/javascript"></script> <script src="dist/js/app.min.js" type="text/javascript"></script>
<!-- Optionally, you can add Slimscroll and FastClick plugins. <!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the Both of these plugins are recommended to enhance the
user experience --> user experience. Slimscroll is required when using the
fixed layout. -->
</body> </body>
</html> </html>