CODEWITHSUNDEEP
cssangularjsangular-ui-bootstrapangular2-ui-bootstrap
batuman
batuman

Reputation: 7304

Datepickerpopup from Ui Bootstrap doesn't show calendar icon

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

Upvotes: 0

Views: 79

Answers (1)

svarog
svarog

Reputation: 9837

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.

Upvotes: 1

Related Questions