小编Abb*_*bby的帖子

使用bootstrap在多个html页面上显示导航栏

我一直在寻找这个问题的答案.我正在使用Bootstrap框架来创建一个投资组合网站.我已经使用固定顶部导航栏完成了我的index.html:

这是主页.顶部显示导航栏.

此导航栏包含指向"生物"页面,"项目"下拉菜单和"联系人"页面的链接.我为每个人创建了单独的html页面(例如:我有index.html,bio.html,contact.html,video.html,design.html等).但是,当我按下链接时,它们不显示导航栏,也不显示任何其他格式.

我有这个代码用于图形设计html:

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Graphic Design</title>
</head>
<body>
     <h1>Graphic Design</h1>
    <p>Creating</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这就是显示的内容: graphicdesign.html页面

我想知道是否有办法让导航栏在项目的每个HTML页面上保持一致.

我已经看到了这个:多个页面中的Bootstrap Navbar,但是我很难用jQuery加载它.

我也看到了这一点:我是否必须使用Bootstrap复制每个页面上的导航栏代码?但我不想使用PHP.

感谢您的时间.

html javascript css twitter-bootstrap twitter-bootstrap-3

7
推荐指数
2
解决办法
6325
查看次数