div class =“container”在html页面中没有工作，几乎没有css

Question

在我的HTML页面中，我使用了类容器。但导航栏没有响应这一点，我没有看到它为什么这样做的原因。我尝试将类放在代码中的所有位置，但它只是占用了所有空间。

(a, b, c)

Answer 1

问题是由类引起的：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>

Answer 2

我知道为什么它不起作用。这是因为Google Chrome和Chrome并不支持它。