Fatal编程技术网
  • html/
  • Html 如何在Bootstrap中清除容器边上的空白部分

Html 如何在Bootstrap中清除容器边上的空白部分

html css twitter-bootstrap

Html 如何在Bootstrap中清除容器边上的空白部分,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,在引导中使用容器时，我发现容器的两侧都留有空间。那么，如何删除这些空间，或者如何扩展容器的宽度呢 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap -->

在引导中使用容器时，我发现容器的两侧都留有空间。那么，如何删除这些空间，或者如何扩展容器的宽度呢

 <!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>


引导101模板
****
-->
尝试使用

<div class="container-fluid"></div>
您可以将它放在CSS文件中，并在附加bootstrap.min.CSS文件之前附加它。

在bootstrap CSS容器中有“最大宽度：1170px

  • 覆盖CSS（但这将导致许多其他设计问题）：

    .集装箱{ 最大宽度：100%； }

  • 或使用容器液体类

    • 可能您正在寻找
    .container fluid
    ？不要使用*{}，因为这样会覆盖很多内容。Use.container{padding:0；margin:10px 0；} 
    *{padding: 0; margin: 0;}