gpt4 book ai didi

html - Handlebars 布局中的 CSS 不适用于车身

转载 作者:太空宇宙 更新时间:2023-11-04 08:45:25 24 4
gpt4 key购买 nike

我在我的 node.js 元素中使用 express-handlebars。我在 <head> 中包含了 CSS 和 JS 文件我的 Handlebars 布局的一部分。问题是,CSS 仅应用于 <head>部分代码而不是 <body> .如果我在布局文件的 body 标签内链接 CSS,它仍然不起作用。让它正确出现的唯一方法是,如果我在插入到布局中的每个“正文”文件中链接 CSS。如果重要的话,我正在使用 Bootstrap 。

我对使用 Handlebars 有些陌生,但我在网上找不到类似的东西,所以希望这里有人知道问题出在哪里。

这是我的 layout.handlebars 文件:

    <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 }}}

这是“车身” Handlebars 文件:

<div className="container-fluid welcome-msg">
<p>
Welcome.
</p>
</div>

我想链接布局中的 CSS 文件并将其应用于所有 内容。我知道 CSS 已加载,因为它正在更改字体和背景颜色,所以这不是路径问题。

最佳答案

我以前一直在使用 react 而不是 handlebars,我所有的 css“class”标签都更改为“className”。将其改回可以解决所有问题。

关于html - Handlebars 布局中的 CSS 不适用于车身,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43816199/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com