Ich benutze Express-Lenker in meinem Projekt node.js. Ich habe CSS- und JS-Dateien in den Abschnitt meines Lenkerlayouts aufgenommen. Das Problem ist, dass das CSS nur auf den Teil des Codes und NICHT auf den <body>
angewendet wird. Wenn ich das CSS innerhalb der Body-Tags der Layout-Datei verlinke, funktioniert es immer noch nicht. Der einzige Weg, wie ich es richtig herausbringen kann, ist, wenn ich das CSS in jeder "body" -Datei verlinke, die in das Layout eingefügt wird. Ich verwende Bootstrap, wenn das wichtig ist.CSS In Lenker Layout nicht auf Körper
Ich bin etwas neu mit dem Lenker, aber ich kann nichts dergleichen online finden, also hoffentlich jemand hier weiß, was das Problem ist.
Hier ist meine layout.handlebars Datei:
<link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="/css/main.css"/>
<div className="navbar navbar-default">
<div className="container-fluid">
<div className="navbar-header">
<button type="button" className="navbar-toggle"
data-toggle="collapse" data-target="#my-navbar">
<span className="icon-bar"></span>
<span className="icon-bar"></span>
<span className="icon-bar"></span>
</button>
<a className="navbar-brand" href="/"> Home </a>
</div>
<div id="my-navbar" className="collapse navbar-collapse">
<ul className="nav navbar-nav" role="tablist">
<li> <a href="messenger"> Messenger </a> </li>
<li> <a href="contact"> Contact </a> </li>
</ul>
<ul className="nav navbar-nav navbar-right" role="tablist">
<li > <a href="login"> Login </a> </li>
<li > <a href="register"> Register </a> </li>
</ul>
</div>
</div>
</div>
{{{ body }}}
Und hier ist der "Körper" Lenker-Datei:
<div className="container-fluid welcome-msg">
<p>
Welcome.
</p>
</div>
Im Grunde, was ich will, ist die CSS-Dateien im Layout zu verknüpfen und haben es auf den gesamten Inhalt angewendet. Ich weiß, dass das CSS geladen wird, weil es die Schriftart und Hintergrundfarbe ändert, also ist es kein Problem mit dem Pfad. Danke im Voraus.
Wenn Sie mich brauchen, um dies besser zu erklären, lassen Sie es mich bitte wissen.