html - 你能用一个容器固定整个网页吗?

标签 html css twitter-bootstrap containers

似乎无法找到我的问题的答案。

现在我正在学习如何使用 Bootstrap ,我读到它需要一个容器来包装站点元素。我希望整个网页处于固定位置,而不是全宽。但是我不明白我是否可以只对整个页面使用一个 div class="container",还是必须对导航栏、标题等每个部分都使用它?

我不确定我自己的解释是否正确。如果您有任何问题,请提问,我会尽力解释得更好。

编辑

Jackson 在下方说“如果您愿意,您可以使用一个容器 div,但是您的所有页面都将包含在该空间内。这取决于您的意图”

这就是我想做的,但我不知道将容器标签放在哪里才能实现。

抱歉没说清楚。我也没有任何代码可以展示,因为我还没有尝试制作它,考虑到我对此有多困惑。

最佳答案

正如您所提到的,使用 .container固定布局类。有多个正确答案。您的容器可以是 body 标签内的第一个 div。或者您可以像这样在导航和其他 div 中使用容器。

<html>
<head>
    <!-- head stuff -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- navbar stuff -->
      </div>
    </nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <!-- jumbotron stuff -->
      </div>
    </div>

    <div class="container">
      <!-- content stuff -->
    </div>

</body>
</html>

关于html - 你能用一个容器固定整个网页吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32704836/

相关文章:

HTML flexbox 布局 - 滚动元素不会拉伸(stretch)

html - 下拉 CSS 问题 - 悬停时显示隐藏列表

java - 如何使用 JSF outputStylesheet 实现 CSS Cache Busting?

html - 使用 Bootstrap 3 的网格系统

html - Bootstrap 导航栏在带有表格的页面上太短

jquery - 对齐 Bootstrap Datetimepicker,使其位于文本框上方而不是下方

php - 如何正确加载和 HTML 嵌入受密码保护的文件?

javascript - <输入类型 ="file"> 的事件

html - 单击任何单选按钮以切换开关

css - 如何使用 css 将 center1 直接定位在 center3 下方