Glyphicon Symbole werden nicht angezeigt
Hallo Leute,
folgender Code zeigt keines der Glyphicon Symbole an. Weder glyphicon-user, noch glyphicon-home, rein gar nix. Alle CSS - und JS Dateien wurden korrekt geladen. Der Debugger zeigt keinerlei Fehler an. Woran könnte das liegen? Was muss ich machen ,damit die Symbole angezeigt werden?
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="/js_webseite/jquery.js"></script>
<link rel="stylesheet" href="/css_webseite/bootstrap.css">
<link href="/css_webseite/twitter-bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#menu-toggle" id="menu-toggle"><span class="glyphicon glyphicon-list" aria-hidden="true"></span></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<label class="navbar-text text-center text-primary" style="vertical-align:10px;font-size:medium ">HelpEachOther </label>
<label class="navbar-text text-center text-primary" style="vertical-align:10px;font-size:medium ">Hello <font style="font-size:13px"> admin!</font> </label>
</div>
</nav>
<div id="wrapper" class="toggled">
<div class="container-fluid">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<br>
</li>
<li class="sidebar-brand">
<a href="#" class="navbar-brand">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> T.Kipp
</a>
</li>
<li>
<a href="index.php"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> <font style="color:white"> Home </font></a>
</li>
<li>
<a href="index.php"><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> My Task</a>
</li>
<li>
<li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- /#page-content-wrapper -->
</div>
</div>
<!-- /#wrapper -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<br>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div>
</div>
</div>
</div>
</div>
</div>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function (e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>