從Visual Studios創建一個網站並利用引導程序

Question

我有一個網站，我正在嘗試構建更多的體驗和實踐。但我似乎無法得到的導航欄，以保證顯示我不知道我是否在HTML文件中正確引用它，也不知道我的文件結構是什麼，它應該是。任何洞察力和幫助將是非常棒的。

我已經看到了.navbar方法的位置，它們似乎在bootstrap.min.css文件中，我已經更改並嘗試了其中的每個人以查看引導程序導航欄是否會顯示。

Answer 1

很難從您發佈的圖片中獲取所需的上下文，但我看到了2件事情。你沒有包含引導CSS，但你確實包含了主題。請參閱本SO張貼的差異：What is the difference between bootstrap.css and bootstrap-theme.css?

自舉的入門頁面上顯示，您的索引頁應具有以下entrie

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

我也注意到，你缺少的開始你的身體標記，但你有關閉它。瀏覽器會試圖幫助你解決這個問題，但你應該修復它以排除它。

Answer 2

只要看你的形象，我可以看到有一個HTML錯誤。 您的導航必須位於body標籤中。

head標籤必須只包含腳本，樣式表，元標籤和任何對用戶不可見的東西。 body標籤包含其他所有內容。祝你好運！