Html Can'；t使顶部导航栏全宽
披露：我试图在stack exchange存档中找到这个问题的解决方案，但没有任何效果 我正在尝试创建一个导航栏，它在引导中跨越页面的整个宽度 我做不到 我试着用col-md-12类、我自己创建的新类和navbar static top来实现这一点。它们都不起作用。导航栏的左右两边总是有奇怪的10px左右的边距。在我看来，在某个父元素或包含导航条的某个div中似乎有填充，但我一辈子都找不到它 也没什么价值：页面的其余部分是col-md-12，没有这个问题 下面是一些可能相关的CSS元素。我基本上把所有东西都调整到100%宽度 包含/父元素Html Can'；t使顶部导航栏全宽,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,披露：我试图在stack exchange存档中找到这个问题的解决方案，但没有任何效果 我正在尝试创建一个导航栏，它在引导中跨越页面的整个宽度 我做不到 我试着用col-md-12类、我自己创建的新类和navbar static top来实现这一点。它们都不起作用。导航栏的左右两边总是有奇怪的10px左右的边距。在我看来，在某个父元素或包含导航条的某个div中似乎有填充，但我一辈子都找不到它 也没什么价值：页面的其余部分是col-md-12，没有这个问题 下面是一些可能相关的CSS元素。我基本上
html {
font-family: Impact;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
width: 100%;
margin: 0%;
padding: 0%;
}
body {
margin: 0%;
padding: 0%;
height: 100%;
width: 100%;
background-image: url(../images/background.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.container {
padding-right: 0%;
padding-left: 0%;
margin-right: auto;
margin-left: auto;
height: 100%;
width: 100%;
}
.container-fluid {
padding-right: 0%;
padding-left: 0%;
margin-right: auto;
margin-left: auto;
height: 100%;
}
.col-md-12.alpha {
height: 100%;
width: 100%;
}
.col-md-12.beta {
background-color: black;
height: 10%;
width: 100%;
margin: 0%;
padding: 0%;
}
.navbar1 {
background-color: black;
opacity: 0.4;
height: 10%;
width: 100%;
margin: 0%;
padding: 0%;
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
background-color: black;
min-height: 10px;
}
<body>
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
...
</div>
</nav>
...
</body>
...
...