BootStrap Glyphicons don't show while using HTTPS protocol

Question

I'm using BootStrap in the Grails application , but i'm facing weird thing , when use HTTP in my page ex:http://www.mypage.com Glyphicons are working fine , but when i use HTTPS they disappear ex:https://www.mypage.com

while using HTTP:

Using HTTPS:

i'm calling them using :

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"
rel="stylesheet">

any advice to make working fine while using HTTPS ?

score 1 · Accepted Answer · answered Sep 25 '16 at 18:23

1

Try using:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Some http resources may be blocked when using https protocol.

answered Sep 25 '16 at 18:23

Marcin

1,488
1
13
27

You mean like this answer already provides?: http://stackoverflow.com/questions/2725523/how-to-include-css-and-js-files-via-https-when-needed ;) – Joshua Moore Sep 25 '16 at 18:24
@Marcin C i tried what you mentioned but still the same issue – Sherif Sep 25 '16 at 21:52
@Sherif did you hard refreshed page? ctrl+f5 or similar to remove wrong references from browser's cache. – Michal_Szulc Sep 26 '16 at 10:08

BootStrap Glyphicons don't show while using HTTPS protocol

1 Answers1