close
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
body{
height: 500vh;
}
.affix{
top: 0;
width: 100%;
}
.affix + .container-fluid{
padding-top: 70px;
}
</style>
</head>
<body>
<div class="container-fluid">
<h1>標題</h1>
<h3>副標</h3>
<p>樓主物業點這裡下載支持中學主任公，今年現有產業焦點國語廣告也是不住會不會，尋找本論壇日記友情指數對她擁有一句話聯盟當，制定低價雖然出發讓她死亡新年告知增長他不在這裡數據庫成熟付款，十分經常基金球隊打電話再也人群增加一場出版無論時候生活節，網遊出台指南轉換系列刺激證書都會官員五年好評眼，看法走勢聯賽挑戰地理一，一位麻煩從而生物書庫信心留學。</p>
</div>
<!-- 偵測到滑鼠滾超過data-spy="affix"後，加上affix這個class -->
<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197">
<ul class="nav navbar-nav">
<li class="active"><a href="#">第1頁</a></li>
<li><a href="#">第2頁</a></li>
<li><a href="#">第3頁</a></li>
<li><a href="#">第4頁</a></li>
</ul>
</nav>
<div class="container-fluid">
<p>部門別人時刻東莞所有人笑着，客戶監控形式登記敵人建材執法，收購職工心理民間父母全市著名，太陽這場費用實現最高德國觀看全新逐步將會怎樣健康從此常見，其它星座負責會員擴大全國著名這裡液晶生，招聘事件試驗都有低價文化訪問實驗球員特徵網路引進都，經過不知輕輕人事青年戰鬥二級各類群眾夏天放下這，篇文章集團我覺得過去出台緊急供應商存儲，中文版是因為自行順利最為用品對方年輕。</p>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
全站熱搜
留言列表
伺服器架設 (1)
