                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /基于bootstrap的網頁開發

為何點擊前兩個標簽和后兩個標簽，下面顯示的內容段間距不同

為何點擊前兩個標簽和后兩個標簽所顯示的內容，與其下面顯示的內容段間距不同?？雌饋砗孟裣旅娴膬热菰谙蛏弦苿?，段間距變窄，怎么能消除這種問題？看起來段間距都一樣呢

<!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>Hello?World</title>
<link?rel="stylesheet"?>
</head>
<body>
<ul?class="nav?nav-tabs"?role="tablist">
??<li?role="presentation"><a?href="#one"?data-toggle="tab">第一節</a></li>
??<li?role="presentation"><a?href="#two"?data-toggle="tab">第二節</a></li>
??<li?role="presentation"><a?href="#three"?data-toggle="tab">第三節</a></li>
??<li?role="presentation"><a?href="#four"?data-toggle="tab">第四節</a></li>
</ul>
<div>
????<div?id="one"><P>根據課程所學或官方文檔1</P></div>
????<div?class="tab-pane?active"?id="two"><P>根據課程所學或官方文檔搭建基礎的標簽頁結構2</P></div>
????<div?id="three">hahah3</div>
????<div?id="four">hahah4</div>
</div>
<P>根據課程所學或官方文檔搭建基礎的標簽頁結構2</P>
<script>
????window.onload?=?function(){
????????$("a:eq(1)").tab("show");
????}
</script>
<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>