html - 为什么我的容器不适合 100%?

标签 html css twitter-bootstrap

<分区>

enter image description here

这是我的代码。

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

那个容器有'width : 720px' , 'padding : 0 15px' 和'margin: 0 9px'。 我认为它在 iPad(768px x 1024px) 上的宽度 (768px) 是正确的,但这不适合我的页面。我该如何解决这个问题?

++ 我在 Chrome 开发工具上工作。

container => container-fluid 不适合我:(

使用container-fluid, width=738, padding=0 15px后,我觉得也是对的,但是还是有同样的问题

最佳答案

container-fluid 将用于 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>

关于html - 为什么我的容器不适合 100%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43061455/

上一篇:javascript - 在循环 Javascript 中更改悬停样式

下一篇:javascript - 在 for 循环中创建时,只有最后一个径向进度条有效

相关文章:

html - 滚动网站后删除 html 焦点

javascript - 当我将 JavaScript 元素添加到我的 SVG 文件时,它消失了

javascript - 如何将颜色更改为红色和蓝色而不是随机的?

html - 如何将菜单文本指向右侧并使悬停链接位于左侧

javascript - 使用标签切换 <section> 背景

javascript - 到底什么是 block 渲染?

javascript - For循环不创建Div

html - 视频作为 html 中的背景

twitter-bootstrap - 滚动时,推送列中的 Bootstrap Affix 菜单与 Safari 中的主要内容重叠

javascript - 嵌套 Bootstrap Collapse 事件类问题