bootstrap导航条代码打开变成文字

请问为什么复制bootstrap上的导航条代码用pycharm运行了之后变成下图这样了:

img

使用的导航条是这个:

img


只是把代码复制到了新建的html文件,格式也重新格式化过了:

img


刚学这个不是很懂,谢谢指导

检查下css的路径是否正确,目前来看是因为样式没有加载导致的:

img

将图片中红框这一行删除。页面这种样子是标签不匹配导致的

img