                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /基于bootstrap的網(wǎng)頁開發(fā)

為何點擊前兩個標(biāo)簽和后兩個標(biāo)簽，下面顯示的內(nèi)容段間距不同

為何點擊前兩個標(biāo)簽和后兩個標(biāo)簽所顯示的內(nèi)容，與其下面顯示的內(nèi)容段間距不同?？雌饋砗孟裣旅娴膬?nèi)容在向上移動，段間距變窄，怎么能消除這種問題？看起來段間距都一樣呢

<!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">第一節(jié)</a></li>
??<li?role="presentation"><a?href="#two"?data-toggle="tab">第二節(jié)</a></li>
??<li?role="presentation"><a?href="#three"?data-toggle="tab">第三節(jié)</a></li>
??<li?role="presentation"><a?href="#four"?data-toggle="tab">第四節(jié)</a></li>
</ul>
<div>
????<div?id="one"><P>根據(jù)課程所學(xué)或官方文檔1</P></div>
????<div?class="tab-pane?active"?id="two"><P>根據(jù)課程所學(xué)或官方文檔搭建基礎(chǔ)的標(biāo)簽頁結(jié)構(gòu)2</P></div>
????<div?id="three">hahah3</div>
????<div?id="four">hahah4</div>
</div>
<P>根據(jù)課程所學(xué)或官方文檔搭建基礎(chǔ)的標(biāo)簽頁結(jié)構(gòu)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>