bootstrap img不显示怎么办 - 网站

bootstrap img不显示怎么办

分类:Bootstrap框架进阶教程_Bootstrap技术文章 · 发布时间:2020-11-21 09:57 · 阅读:982

使用BootStrap的img样式时图片无法显示

实验BootStrap产生圆角、圆形、缩略图图片时,刚开始用的E盘绝对路径,发现浏览器里图片无法显示:

4520382078a8d9f597c0f5ad97cec50.png-600

然后又在项目下直接建了个文件夹,用c标签写路径,仍然是裂开的

打开浏览器的开发者工具,发现报错是:

1fedd0f8274285504b197bd56b65cd7.png-600

百度了一下这个的意思是:降级时不推荐

表示从https协议降为http协议时不发送referrer给跳转网站的服务器。

看来就是这种地址浏览器没有权限访问。

最后直接放在webapp下面,就能显示了:

<body>
<img src="1.JPG" class="img-rounded" width="200px"/><!--圆角-->
<img src="1.JPG" class="img-circle" width="200px"/><!--圆形-->
<img src="1.JPG" class="img-thumbnail" width="200px"/><!--缩略图-->
</body>

7722bd96e1d1062ee1f309eda12fafd.png-600

标签:
bootstrap

相关文章

bootstrap如何实现table表格超过长度不显示

bootstrap实现table表格超过长度不显示的方法:可以通过text-overflow和max-width属性来实现,如【&quot;white-space&quot;: &quot;nowrap&quot;,&quot;text-overflow&quot;: &quot;ellipsis&quot;】。

在bootstrap如何将图片全屏显示

bootstrap将图片全屏显示的方法:1、使用“&lt;div class=&quot;container&quot;&gt;&lt;/div&gt;”方式;2、使用“&lt;div class=&quot;container-fiuled&quot;&gt;&lt;/div&gt;”方式。

bootstrap表格显示不出来数据怎么办

bootstrap表格显示不出来数据的解决办法:1、清理下浏览器缓存;2、修改JSON数据格式;3、修改js的bootstraptable配置。

bootstrap怎么让div水平居中

bootstrap让div水平居中的方法:首先打开相应的代码文件;然后使用“&lt;div d-flex justify-content-center&quot;&gt;&lt;div class=&quot;align-self-center&quot;&gt;”实现居中即可。

bootstrap小图标替换的方法

bootstrap小图标替换的方法:首先使用“&lt;span class=&quot;glyphicon glyphicon-search&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;”;然后将glyphicon-search替换即可。

返回分类 返回首页