0

I am following the tutorial from Ui Bootstrap. The code is exactly the same as here. If I replace this css line (<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">) with local (<link href="css/bootstrap.min.css" rel="stylesheet">), the calender icon disappear as shown in the image. I copy the exact bootstrap.min.css and put into local css folder. What could be wrong?

enter image description here

batuman
  • 7,066
  • 26
  • 107
  • 229
  • Please check glyphicon style and font family included in your html – Arun May 28 '17 at 02:14
  • Check inside `bootstrap.min.css` and make sure the paths to the glyphicon fonts are pointing to the correct URLs. – ESWAT May 28 '17 at 04:27

1 Answers1

1

If you will open your console you will find out that the requests for the glyphicon fonts returned 404 (NOT_FOUND) because the local .css files tries to locate these files relatively to where it's at (local script rather than hosted on a cdn).

enter image description here

To resolve this, you will also have to include the glyphicons files locally

Another option is to abandon glyphicons altogether and use something like font awesome or octicons because bootstrap 4 will remove glyphicons.

svarog
  • 9,477
  • 4
  • 61
  • 77