在我的HTML页面中,我使用了类容器。但导航栏没有响应这一点,我没有看到它为什么这样做的原因。我尝试将类放在代码中的所有位置,但它只是占用了所有空间。
(a, b, c)
答案 0 :(得分:0)
问题是由类引起的:navbar-fixed-top。
它是全宽的,这是一个解决方案的链接及其代码的示例
Navbar fixed to top but not full-width
示例: JSFIDDLE
HTML
<nav class="navbar navbar-default navbar-fixed-top navbar-fixed-width">
css
@media all and (min-width: 768px) {
.navbar-fixed-width {
width: 768px;
margin-left: auto;
margin-right:auto;
}
}
@media all and (min-width: 992px) {
.navbar-fixed-width {
width: 992px;
margin-left: auto;
margin-right:auto;
}
}
@media all and (min-width: 1200px) {
.navbar-fixed-width {
width: 1200px;
margin-left: auto;
margin-right:auto;
}
}
别忘了用
包装你的代码<div class="container"></div>
答案 1 :(得分:0)
我知道为什么它不起作用。这是因为Google Chrome和Chrome并不支持它。