您是否可以僅使用一個容器修復整個網頁？

似乎無法找到我的問題的答案。您是否可以僅使用一個容器修復整個網頁？

現在我正在學習如何使用引導程序，我讀它需要一個容器來包裝網站元素。我希望整個網頁處於固定位置，而不是全角。但我不明白，如果我可以在整個頁面中使用一個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

您是否可以僅使用一個容器修復整個網頁？

回答

相關問題