<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <meta name="description" content="描述"> <meta name="keywords" content="关键字"> <meta name="author" content="alanzhang"> </head> <body> <header> <div class="container"> <div class="row"> <div class="col-sm-6"></div> <div class="col-sm-6"></div> </div> </div> </header> <nav> <div class="container"> <div class="row"> <div class="col-sm-12"> <div> <span class="collapsed" data-toggle="collapse" data-target="#main-menu">11</span> <span>22</span> </div> <div id="main-menu"> <ul class="menu"> <li></li> <li></li> <li></li> </ul> </div> </div> </div> </div> </nav> <!-- main --> <section> <div class="container"> <div class="row"> <main class="col-md-8">main</main> <aside class="col-md-4">aside </aside > </div> </div> </section> <!-- footer --> <footer class="footer"> <div class="container"> <p>? XXXXXXXXX</p> <p><a href="#" target="_blank">粤ICP备00000000号</a> | 粤公网安备0000000000</p> </div> </footer> </body> </html>
原文：http://www.cnblogs.com/alan-alan/p/7419556.html