ページ上部のギャップを取り除く

Question

ページの上部と青いdivの間のギャップを取り除くにはどうすればよいですか？ブートストラップがロードされていることに注意してください。

html, 
 
body { 
 
    margin: 0; 
 
    padding: 0; 
 
    background: #444; 
 
} 
 
#root { 
 
    margin: 0 auto; 
 
    width: 960px; 
 
    background-color: blue; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div id='root'> 
 
    <h1>Header Header</h1> 
 
</div>

http://codepen.io/wasteland/pen/qqOddN

あなたはh1にmargin: 0を指定する必要が

Answer 1

ありがとうございます。

revised codepen

基本的には、次の3つの異なるソースからh1に適用トップマージンオーバーライドする必要があります：