从Visual Studios创建WebSite并使用引导程序

时间:2016-09-08 20:20:09

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

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

我已经看到了.navbar方法的位置,它们似乎位于bootstrap.min.css文件中,我已经更改并尝试了所有人,看看引导程序导航栏是否会显示。

enter image description here

2 个答案:

答案 0 :(得分:1)

很难从你发布的图像中获得我需要的上下文,但我看到了两件事。你没有包含bootstrap 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">

我还注意到你错过了身体标签的开始,但你已经关闭它了。浏览器会尝试帮助您解决此问题,但您应该修复它以排除它。

答案 1 :(得分:0)

通过查看和您的图像我可以看到有一个HTML错误。 您的导航必须位于正文标记中。

head标记必须仅包含脚本,样式表,元标记以及对用户而言不“可见”的任何内容。 body标签包含其他所有内容。祝你好运!