bootstrap本地样式不能正常使用?
开始学习bootstrap,从官网下载开发包,写hello world没问题,然后引入图片样式就错了。问题的关键在于现象极其诡异。
这是我的css引用:<link href="/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
这种情况下,class="img-circle" 的样式不生效。
但是,改成这样就好使了。
<link href="/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
从这个现象看,是css没引进来,但是!我通过ctrl点进去,是能看见文件的,版本号3.3.6,没有一点错误。
下面是源码:
<!DOCTYPE html> <html> <head> <title> Hello Bootstrap </title> <link href="/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <!-- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <img src="demo/images/1cd6bcb144d3e202022b85ca4d146c16.jpg" class="img-circle" alt="Cinque Terre" width="304" height="236"> </body> </html>
然后是工程目录:
完全没思路,怎么解决?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
应该是workspace所在盘的根目录
找到解决办法了。
把<link href="/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
改为<link href="bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">即可。
虽然ctrl能点进去,但路径还是有问题。
我建立的是web 静态工程,也不知道"/..."引用的是哪儿的路径。
不过,用相对路径就好了。