如何擺脫容器兩側的空白部分在自舉中

-3

雖然在自舉中使用容器，但我發現容器的兩側都留有空格。因此，如何消除這些空格，或如何擴大集裝箱如何擺脫容器兩側的空白部分在自舉中

<!DOCTYPE html> 
<html> 
<head> 
<title>Bootstrap 101 Template</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<!-- Bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
</head> 
<body> 


**<div class="container" style="background-color: black; height: 500px;"></div>** 

<div style="background-color: skyblue; height: 500px;"></div> 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="js/jquery-1.11.2.min.js"></script> 
     --> 
<script src="js/bootstrap.min.js"></script> 
</body> 
</html>

來源

2016-12-26 Nabendu Paul

您是否在尋找'.container-fluid'？ –

的寬度嘗試使用

<div class="container-fluid"></div>

如果不行嘗試安裝引導樣式表之前重置CSS。

*{padding: 0; margin: 0;}

，你可以把它放在一個CSS文件和附加的bootstrap.min.css文件之前，將其固定。

來源

2016-12-26 14:12:53

不要使用* {}，因爲您會覆蓋很多東西。使用.container {padding：0; margin：10px 0;} –

在Bootstrap CSS容器中有「max-width：1170px;」

覆蓋所述CSS（但是，這將造成大量的其他的設計問題）：

.container { 最大寬度：100％; }
或使用容器流體類。

來源

2016-12-26 14:15:07

如何擺脫容器兩側的空白部分在自舉中

回答

相關問題