导航栏示例 | 页脚示例
<!DOCTYPE html>
<html>
<head>
<!-- 可直接使用框架提供的在线CSS文件 -->
<!-- 若要使用本地的文件,请注释掉下面两行标记 -->
<link rel="stylesheet" href="http://newfront.free4inno.com/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://newfront.free4inno.com/css/front.css">

<!-- 也可以使用下载到本地的CSS文件,请去掉下面两行标记的注释。其中localpath为本地路径。 -->
<!-- 若要使用在线文件,请注释掉下面两行标记 -->
<!-- <link rel="stylesheet" href="[localpath]/css/bootstrap.min.css"> -->
<!-- <link rel="stylesheet" href="[localpath]/css/front.css"> -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="front-body">
<div class="front-inner">
<nav class="navbar navbar-default navbar-fixed-top front-nav">
    <div class="container">
        <div>
            <!-- 品牌图片大小为150 * 30:宽度不定,高度固定30px -->
            <div class="nav-brand"><a href="#"><img src="/bootstrap-front/dev/img/logo.png" alt="brand" class="img-responsive"/></a></div>
            <!-- -->
        </div>
        <div class="nav-collapse collapse" id="nav-collapse-demo">
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">帮助</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <ul class="nav navbar-nav">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
		<div class="container">
			<div class="row">
				<div class="col-md-9">
					<div class="panel panel-default front-panel">
					    <div class="panel-heading" style="text-align: center;">
					        <span class="panel-title" >标题</span>
					        <a href="#" class="pull-left">上一页</a>
					        <a href="#" class="pull-right">下一页</a>
					    </div>
						<div class="panel-body">
						<p>长夜将至,我从今开始守望,至死方休。我将不娶妻,不封地,不生子。我将不戴宝冠,不争荣宠。我将尽忠职守,生死于斯。我是黑暗中的利剑,长城上的守卫,抵御寒冷的烈焰,破晓时分的光线,唤醒眠者的号角,守护王国的坚盾。我将生命与荣耀献给守夜人,今夜如此,夜夜皆然。</p>
						</div>
					</div>
					<div class="front-toolbar other">
                         <div class="front-toolbar-header clearfix">
                         <button type="button" class="front-toolbar-toggle navbar-toggle" data-toggle="collapse" data-target="#freeshare">
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                         </button>
                         </div>
                         <div id="freeshare" class="front-btn-group collapse">
                         <a class="btn btn-default front-no-box-shadow">Button1</a>
                         <a class="btn btn-default front-no-box-shadow">Button2</a>
                         <a class="btn btn-default front-no-box-shadow">Button3</a>
                         </div>
                    </div>
                    <div class="panel panel-default front-panel">
                         <div class="panel-body front-no-padding">
			                  <table class="table table-striped front-table" style="margin-bottom: 0px">
				                    <tr>
					                     <td>
						                     <div class="media">
							                     <div class="media-left">
									                  <a href="#" data-toggle="front-modal" data-size="modal-sm" data-href="">
								                          <img class="media-object img-circle" style="width: 50px; height: 50px;" onerror="javascript:this.src=''"
									                      src="/bootstrap-front/dev/img/avatar-demo.jpg" />
								                      </a>
							                     </div>
							                     <div class="media-body front-text-break">
									                 <div>
										                 <span class="media-heading">
												             <a href="#" data-toggle="front-modal" data-size="modal-sm" data-href="">自由之翼</a>
										                 </span>
									                 </div>
									                 <span id=commentcont>评论内容</span>
								                     <div class="pull-right">
										                <a href="">删除</a>
										                <a href="">回复</a>
								                     </div>
							                     </div>
						                      </div>
					                      </td>
				                      </tr>
			                   </table>
			<div id="freeshare-comment-divpage" class="lineheight"></div>
		</div>
                    </div>
				</div>
				<!-- 右边栏 -->
				<div class="col-md-3">
				    <div class="panel panel-default front-panel">
				         <div class="panel-heading">信息1</div>
                         <div class="panel-body front-last-no-margin">内容1</div>
                    </div>
				    <div class="panel panel-default front-panel">
				         <div class="panel-heading">信息2</div>
                         <div class="panel-body front-last-no-margin">内容2</div>
                    </div>
				</div>
			</div>
		</div>

<footer class="footer-default">
    <div class="text-center">Copyright © All Right Reserved by BUPT(2015)</div>
</footer>
</div>
<!-- 可直接使用框架提供的在线js文件 -->
<!-- 若要使用本地的文件,请注释掉下面三行标记 -->
<script src="http://newfront.free4inno.com/js/jquery/jquery.min.js"></script>
<script src="http://newfront.free4inno.com/bootstrap/js/bootstrap.min.js"></script>
<script src="http://newfront.free4inno.com/js/plugin/front.js"></script>

<!-- 也可以使用下载到本地的js文件,请去掉下面三行标记的注释。其中localpath为用户本地路径。 -->
<!-- 若要使用在线文件,请注释掉下面三行标记 -->
<!-- <script src="[localpath]/js/jquery.min.js"></script> -->
<!-- <script src="[localpath]/js/bootstrap.min.js"></script> -->
<!-- <script src="[localpath]/js/front.js"></script> -->
</body>
</html>