Bootstrap如何讓導航欄不被修復

嗨，大家好我想創建一個第一次使用bootstrap的網站，並試圖理清基本佈局。不過，我現在有兩個問題。Bootstrap如何讓導航欄不被修復

首先，我用白色着色的主體不在頁面中間。我試圖使主網頁看起來是這樣的：

----------------------------------------------- 
| |       |    | 
|-----------------------------------------------       
| |Logo    Nav Bar|    | 
|-----------------------------------------------       
| |       |    | 
| |       |    | 
| |  Body     |    | 
| |       |    | 
| |       |    | 
|-----------------------------------------------       
| |Logo   Info  |    | 
|-----------------------------------------------       
| |       |    | 
-----------------------------------------------

但是由於某種原因，身體貼在左邊，而不是在中間。

我得到的最大的問題是我的nabar。因爲我的身體非常高，需要你滾動，這意味着當我滾動導航欄會重疊白色的身體，這是一個大問題

任何幫助，這將是偉大的。

HTML：

<div class="mainHome"> 
    <div class="container"> 
    </div> 
</div> 





.mainHome { 
    background-color: white; 
    margin-top: 100px; 
    height: 1600px; 
    width: 500px; 
    div.align: center; 
}

來源

2016-02-19 Nevershow2016

你的類上導航欄：導航欄' - 固定top'，爲什麼，如果你不希望這種行爲？ –

我正在關注一個教程，我不確定如何使它可移動 – Nevershow2016

@ Nevershow2016您需要編輯您的帖子，以便HTML代碼顯示出來。我想你只需要在'HTML'之後添加一個新行。然後在CSS位之前添加一個'CSS'標題。 – jacmoe

<div class="navbar navbar-default navbar-fixed-top" role="navigation">

的「導航欄固定頂」的意思，即手段。您的導航欄將在屏幕上顯示一個CSS固定位置。也就是說，它仍然會在那裏，當你滾動引導

<div class="container">

容器有兩種類型：標準容器是用於響應式設計的一個固定大小，而流式佈局是那些無限的延伸

我建議你只使用一個容器的一切，除非你想要一個無限延伸的「標題欄」（使用液體佈局/容器流體）。

另外我想知道，如果你正在學習一個教程，爲什麼你會用這麼多額外的CSS而不是僅僅使用bootstrap sylesheets？這正在扼殺引導點。當bootstrap應該處理這個問題時，爲什麼你的mainHome會有固定的寬度（我認爲這是你在圖形上稱爲「body」的東西）？

我對你的教程有嚴重的懷疑。

所以

<div class="container"> 
    <div class="row"> 
    <div class="navbar navbar-default" role="navigation"> 
     ... 
    </div> 
    </div> 

    <div class="row"> 
    <div class="mainHome"></div> 
    </div> 
    ... 
</div>

來源

2016-02-19 22:18:37

對不起，我有點困惑你的身體意味着什麼。我把身體放在.mainHome中，但問題是它在左側結束，而不是在屏幕中間，因爲它應該是，這就是爲什麼我不得不添加CSS – Nevershow2016

Bootstrap如何讓導航欄不被修復

回答

相關問題