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