Question

这是我的代码。

<header class="top-nav">
   <div class="container">
      ....
   </div>
</header>

该容器的'width：720px'，'padding：0 15px'和'margin：0 9px'。我认为它在iPad（768px x 1024px）上有正确的宽度（768px），但这不适合我的页面。我该如何解决这个问题？

++我参与Chrome开发工具。

container =＆gt;容器液不适合我:(

使用容器流体后，宽度= 738，填充= 0 15px，我认为它也是对的，但它有同样的问题

Answer 1

容器 - 液体将用于100％筛选。

<header class="top-nav">
   <div class="container-fluid">
      ....
   </div>
</header>

如果它不起作用，那么尝试这样，并添加如下的样式

.newclassname { 
  padding: 0px;
}

让我们试试这个，

<nav class="navbar navbar-default">
  <div class="container-fluid">
...
</div>
</nav>

Answer 2

请改用class container-fluid。示例代码：

 <nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Bootflat</a>
    </div>
  </div>
 </nav>

Answer 3

请尝试class =＆＃34; container-fluid＆＃34;。

Answer 4

手动，您可以在style.css页面中设置容器宽度，例如.container {width：1180px;}

为什么我的容器不适合100％？

4 个答案: