代码源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<link rel="stylesheet" href="D:\\python_projects\\bootstrap目录\\static\\plugins\\bootstrap-3.4.1-dist\\css\\bootstrap.css">-->
</head>
<body>
<input type="button" value="提交" class="btn btn-primary">
<input type="button" value="提交" class="btn btn-success">
</body>
</html>这里我使用bootstrap的buttom样式，预期结果如下：
但是样式引入未成功，报错如下：
可以看到，按钮不仅没有显示出样式，而且网页提醒不允许使用本地资源。
原因和解决办法：
原因：浏览器出于安全方面的考虑，禁止网页访问本地文件，因为图片是存在项目目录下的，所以无法通过本地的url进行访问！
解决办法：把绝对路径换成相对路径
我解决后的代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./static\\plugins\\bootstrap-3.4.1-dist\\css\\bootstrap.css">
</head>
<body>
<input type="button" value="提交" class="btn btn-primary">
<input type="button" value="提交" class="btn btn-success">
</body>
</html>这样就成功实现了bootstrap的样式添加。
扫一扫
1967
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
