如何向Bootstrap Web项目添加其他主题?

时间:2014-10-03 16:21:20

标签: twitter-bootstrap twitter-bootstrap-3

我正在使用Bootstrap的一个主题,并希望在同一个网站上添加一个新的非样式主题页面,该主题页面附带了自己的文件:

css
--bootstrap.css
--bootstrap.min.css
--style.css
js
--bootstrap.js
--bootstrap.min.js
--jquery-1.11.0.js
newpage.html


据我所知,只有newpage.htmlstyle.css文件与我当前主题中的文件不同。我将newpage.htmlstyle.css添加到了我的项目中。但是,当我打开新页面时,内容就在那里,但似乎缺少所有的css和js组件。我怀疑这可能是一个路径问题 我的项目结构与新文件,看起来像这样(简化):

css
--style.css
js
pages
--newpage.html
index.html


在newpage.html文件中,css和js链接如下:
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<script src="/js/jquery-1.11.0.js"></script>
<script src="/js/bootstrap.min.js"></script>
所有这些文件都在那里并被考虑在内。当我链接到新页面时,我不得不使用此路径:"./pages/newpage.html"
我做错了什么?

1 个答案:

答案 0 :(得分:1)

尝试使用您尝试包含的所有路径遍历目录,遍历表示为“..”

示例:

<link href="../css/style.css" rel="stylesheet">