您是否可以仅使用一个容器修复整个网页？

似乎无法找到我的问题的答案。您是否可以仅使用一个容器修复整个网页？

现在我正在学习如何使用引导程序，我读它需要一个容器来包装网站元素。我希望整个网页处于固定位置，而不是全角。但我不明白，如果我可以在整个页面中使用一个div class =“container”，或者它必须适用于每个部分，如导航栏，标题等。

我不确定自己是否正确解释了自己。如果您有任何问题，请提问，我会尽力更好地解释它。

编辑

下面杰克逊说：“你可以使用一个div容器，如果你喜欢，但然后所有的页面都将被包含在该空间内，这取决于你的意图”

也就是说我想要做什么，但我不知道在哪里放置容器标签来实现这一点。

我很抱歉不清楚。我也没有任何代码可以显示，因为我还没有尝试过，但考虑到我对此有多混淆。

来源

2015-09-21 zavly

容器包装允许网站在屏幕上居中。你的意思是你想让网页处于固定位置？ – Jackson

你可能应该提供一些更具体问题的代码。 – cambunctious

@Jackson我想我真正问的是我应该在哪里把容器标签放在我的HTML？ – zavly

如上所述，使用.container类来固定布局。有多个正确的答案。您的容器可以是您身体标签中的第一个div。或者你可以像使用nav和其他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>

来源

2015-09-21 22:29:54

非常感谢！ – zavly

你可能想看看这个[Bootstrap Starter Template]（http://getbootstrap.com/examples/starter-template/）。 –

假设我知道你在说什么，你想是这样的：

<div class="nav navbar-nav">This would be where your header/nav links go</div> 
<div class="container"> 
    Everything else on your page that you want "contained" would go inside this container 
</div>

在上面的例子中，页眉/导航将跨越页面的全宽度和容器内一切都将留在容器的空间内。

来源

2015-09-21 22:02:11 Quiver

的container主要有两个目的：

使您的内容固定宽度（可使用液体容器，如果你想全宽）
家电网组件（.row S和.col-... S）

当您使用.row时，它会设置一个负的左右边距来说明列之间的间隔。一个容器创建左右填充来抵消行上的负边距。如果没有容器，你的行将会延伸到页面之外并导致水平滚动（可能不是所希望的）。

所以使用的容器将包裹在其中网格组件的正确方法：

<!doctype html> 
<html> 
    <head> 
    ... 
    </head> 
    <body> 
    <div class="container"> 
     <div class="row"> 
     <div class="col-md-6"> 
      ... 
     </div> 
     <div class="col-md-6"> 
      ... 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

至于使用多个容器去，它取决于形势。 Bootstrap在其他一些组件中使用容器，例如navbars。但通常情况下，您应该只需要一个容器用于大部分页面，因为您可以在同一个容器中包含多行。有一个新的主要原因可能是在流体容器和固定宽度容器之间切换。

来源

2015-09-21 22:12:08 Will

您是否可以仅使用一个容器修复整个网页？

回答

相关问题