bootstrap本地样式不能正常使用?

发布于 2021-11-29 10:22:22 字数 1353 浏览 930 评论 2

开始学习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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

断爱 2021-11-30 03:09:32

应该是workspace所在盘的根目录

奢华的一滴泪 2021-11-29 14:59:38

找到解决办法了。

把<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 静态工程,也不知道"/..."引用的是哪儿的路径。

不过,用相对路径就好了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文