typo3将自定义css添加到bootstrap包中

时间:2014-08-06 09:23:26

标签: typo3

我尝试将自定义css类添加到Typo3 6.2中包含的bootstrap包中。 在我的根模板页面中,我在Setup部分添加了以下代码:

page = PAGE
page.includeCSS.myCustomStylesheet = fileadmin/template/css/custom.css

但是这个typoscript对我的源代码没有影响,好像没有写任何东西。

实际上,当我在静态模板中包含Bootstrap Package模板时,每个Basis模板都会被删除。

关于如何进行的任何想法?

enter image description here

编辑:在bootstrap包中,所有CSS样式表都合并为一个文件。

2 个答案:

答案 0 :(得分:1)

»EXT:« - 路径中的字符串是extension-directory(»./typo3conf/ext/«)的快捷方式。因此,在您的示例中,您将有一个名为»path_to_my_css«的扩展名。

但我想您可能已将样式表上传到您的文件列表中。如果是,则单击该文件以查看完整路径(如»http://example.com/fileadmin/templates/assets/css/bootstrap.css)«

然后像这样设置正确的路径

page.includeCSS.myCustomStylesheet = fileadmin/templates/assets/css/bootstrap.css

现在,您将看到一个指向您的文件的链接,其中包含HTML源代码中的附加哈希

<link rel="stylesheet" type="text/css" href="/fileadmin/templates/assets/css/bootstrap.css?1350898986" media="all">

答案 1 :(得分:1)

我遇到了同样的问题,并在bootstrap包的github网站上找到了解决方案。 问题是默认的css连接和压缩。如果您通过

停用它
config.concatenateCss = 0

将正确包含css。

来源:https://github.com/benjaminkott/bootstrap_package/issues/33

Javascript文件有类似的选项:

config.concatenateJs = 0

希望它有所帮助。