tempusdominus bootstrap 4 icons are missing

Question

The tempusdominus bootstrap 4 icons are missing in my ASP.NET MVC application. Here are the screenshots of how it looks:

These are the following scripts and css that are being loaded in (based of this jsfiddle):

bootstrap.css (4.0.0-alpha.6)
font-awesome.min.css (4.7.0)
tempusdominus-bootstrap-4.min.css (5.1.2)
bootstrap.min.js (4.0.0-alpha.6)
jquery-3.3.1.min.js (3.3.1) 
moment-with-locales.min.js (2.18.1)
tempusdominus-bootstrap-4.js (5.1.2)
tether.min.js (1.4.0)

Any ideas what the problem is?

score 0 · Answer 1 · answered Nov 02 '19 at 13:44

0

You have to add Font-Awesome CSS in your HEAD tag:

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

answered Nov 02 '19 at 13:44

Pushprajsinh Chudasama

7,772
4
20
43

Font-Awesome is in the head tag of the page. – GreenSaber Nov 02 '19 at 13:46
However, I am using a local version of the file, could that be the problem? – GreenSaber Nov 02 '19 at 13:49

tempusdominus bootstrap 4 icons are missing

1 Answers1