代码源码:
<!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的样式添加。