爲什麼不能用bootstrap改變背景？

<!DOCTYPE html> 
<head> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
</head> 
<body> 
    <div style="background-color:grey"> 
     <div class="col-lg-12"> 
      <h1>hello</h1> 
     </div> 
    </div> 
</body> 
</html>

嘿！！，首先發布在這裏，有人可以告訴我爲什麼這不起作用嗎？我已經簡化了我的代碼到最大限度。事情是，如果我讓我的瀏覽器窗口小於1200像素，它將工作。爲什麼不能用bootstrap改變背景？

來源

2015-10-31 Alvaro Garcia

這是一個好第一篇文章，最小的例子真的有幫助！ – jochen

頁面的問題在於，您沒有安裝bootstrap網格支持所需的所有結構：列應該是行，行應該在容器中，請參閱bootstrap documentation瞭解詳細信息。

代碼的以下修改按預期工作：

<!DOCTYPE html> 
<head> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/c\ 
ss/bootstrap.min.css"> 
</head> 
<body> 
    <div style="background-color:grey" class="container"> 
    <div class="row"> 
     <div class="col-lg-12"> 
     <h1>hello</h1> 
     </div> 
    </div> 
    </div> 
</body> 
</html>

（技術上出現問題，因爲「COL-LG-12」類使得包含「你好」的浮子在div，所以它是不再包含在與灰色背景的股利，然後將灰色div有高度爲0，所以是不可見的。）

來源

2015-10-31 11:02:29 jochen

添加的位置或高度的屬性到div

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
</head> 
<body> 
<div style="background-color:grey;position:absolute"> 
    <div class="col-lg-12"> 
     <h1>hello</h1> 
    </div> 
</div> 
</body> 
</html>

來源

2015-10-31 11:06:07

爲什麼不能用bootstrap改變背景？

回答

相關問題