我的網格系統使用引導程序無法正常工作

我使用引導程序編寫了簡單的網格系統，並使用chrome編譯。但那些網格系統顯示不正常。我的網格系統使用引導程序無法正常工作

代碼： -

<!doctype html> 
<html> 
<head> 
<title>Gris system</title> 
<link rel="stylesheet" href="bootstrap.min.css"> 
<script src="bootstrap.min.js"></script> 
<style> 
{margin:0px;padding:0px;} 
</style> 
</head> 
<body> 
<div class="container"> 
<div class="row"> 
<div class=" col-md-1" style="background-color:lavender;">col-md-1</div> 
<div class="col-md-3" style="background-color:skyblue;">col-md-3</div> 
<div class="col-md-1" style="background-color:lavender;">col-md-1</div 
<div class="col-md-3" style="background-color:skyblue;">col-md-3</div> 
<div class="col-md-1" style="background-color:lavender;">col-md-1</div 
<div class="col-md-3" style="background-color:skyblue;">col-md-3</div> 
</div> 
</div> 
</body> 
</html>

而且我的輸出是： -

工作代碼： -

<!doctype html> 
<html> 
<head> 
<title>Gris system</title> 
<link rel="stylesheet" href="bootstrap.min.css"> 
<script src="bootstrap.min.js"></script> 
<style> 
{margin:0px; padding:0px;} 
</style> 
</head> 
<body> 
<div class="container"> 
<div class="row"> 
<div class=" col-md-1" style="background-color:lavender;">col-md-1</div> 
<div class="col-md-3" style="background-color:skyblue;">col-md-3</div> 
<div class="col-md-1" style="background-color:yellow;">col-md-1</div> 
<div class=" col-md-3" style="background-color:lavender;">col-md-1</div> 
<div class="col-md-1" style="background-color:blue;">col-md-3</div> 
<div class="col-md-3" style="background-color:skyblue;">col-md-1</div> 
</div> 
</div> 
</body> 
</html>

來源

2016-01-25 Ravikanth

您的<style>標籤中似乎沒有指向任何特定的CSS。我的猜測是margin和padding正在影響他們不應該做的事情。

嘗試刪除該樣式，否則一切似乎都很好。如果它不起作用，您應該仔細檢查Bootstrap實際上是否加載了您的頁面。

編輯：你的兩列實際上錯過了div後面的>標記。仔細檢查您的結賬</div>標籤。

來源

2016-01-25 06:29:02 ProDexorite

： - Thnak你。刪除樣式標籤後，它正在工作。我也結束了div標籤。但是最後一列顏色「skyblue」沒有填充。 – Ravikanth

同上面的代碼我把頁面分成3列，如「col-md-4」它工作的很好，即使我有

我的網格系統使用引導程序無法正常工作

回答