<link rel =“”the =“”bootstrap-4 =“”source =“”files?=“”

时间:2018-02-15 11:28:39

标签: sass bootstrap-4 stylesheet

=“”

我'我一直在开发一个带有bootstrap 4的站点,并在外部链接到:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">

但是,由于网络连接不稳定,我需要在本地加载站点。所以我下载了完整的堆栈bootstrap-4.0.0源文件,并将其添加到我的WebServer目录中,认为我需要做的就是将链接更改为指向bootstrap.min.css,如下所示:

<link rel='stylesheet' href="http://localhost/webfiles/wp-content/themes/Cussons/bootstrap-4.0.0/dist/style.css?ver=4.9.4">

该网站有效,但我404 not found

获得了style.css?ver=4.9.4

设置为允许完全访问的所有权限,我清除了缓存,并且所有链接href的显示都是正确的,但我似乎无法理解为什么网站不会选择我添加到文件中的颜色更改/入资产价值/ SCSS / _navbar.ccss

如果有人能看到什么错,我将非常感激:)

1 个答案:

答案 0 :(得分:0)

只需下载预编译文件here,将它们放在可访问的文件夹中,然后将其链接为:

<link rel="stylesheet" href="relative_path_to_css_parent_folder/css/bootstrap.min.css">

身体底部的js相同:

<script src="relative_path_to_js_parent_folder/js/bootstrap.min.js">

<script src="relative_path_to_js_parent_folder/js/bootstrap.bundle.min.js">

看看这个:How do I link to my css stylesheet for local file?

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="UI.css"> <!-- made up name-->
<script src="jquery.js"></script><!-- made up name-->
<script src="jquery.ui.js"></script><!-- made up name-->
<script src="script.js"></script>
  

但是如果js文件都在projects / js /文件夹中呢?点   您的页面到这个位置:

     

假设我们的HTML位于二十一点文件夹中,这是一个兄弟   文件夹到&#39; projects / js&#39;,那么你的脚本标签会看起来像什么   像这样:

<script src="../js/script.js"></script>
  

注意../?这引用了一个的父文件夹   文档在。我们上升到js文件夹所在的位置。