从 Visual Studios 创建网站并利用引导程序答案

【问题标题】：Creating a WebSite from Visual Studios and utilizing bootstrap从 Visual Studios 创建网站并利用引导程序
【发布时间】：2017-01-16 21:26:56
【问题描述】：

我有一个网站，我正在努力建立更多的经验和实践。但我似乎无法让导航栏正确显示我不知道我是否在 html 文件中正确引用了它，而且我也不知道我的文件结构是否应该是这样。任何见解和帮助都会很棒。

我已经看到 .navbar 方法在哪里，它们似乎在 bootstrap.min.css 文件中，我已经更改并尝试了每个人，看看是否会显示引导导航栏。

【问题讨论】：

标签： visual-studio-2013 twitter-bootstrap-3

【解决方案1】：

仅从您发布的图片中很难获得我需要的上下文，但我看到了两件事。您没有包含引导 CSS，但您确实包含了主题。请参阅此 SO 帖子了解不同之处：What is the difference between bootstrap.css and bootstrap-theme.css?

如 bootstrap 的入门页面所示，您的索引页面应该有以下条目

<!-- 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">

我还注意到您缺少 body 标签的开头，但您有它的结尾。浏览器会尝试帮助你解决这个问题，但你应该修复它以排除它。

【讨论】：

谢谢，这就是我所缺少的。我认为引用文件本身就足够了。谢谢

【解决方案2】：

通过查看您的图像，我可以看到存在 HTML 错误。您的 nav 必须在 body 标记中。

head 标签必须只包含脚本、样式表、元标签和任何对用户不“可见”的东西。 body 标签包含其他所有内容。祝你好运！

【讨论】：