dmf/bootstrapcontent

该包最新版本（1.1.0）的许可信息不可用。

TYPO3 Neos 插件，用于添加 Bootstrap3 内容和页面选项。

维护者

详细信息

github.com/dohomi/Neos-Plugin-DMF.BootstrapContent

主页

源代码

问题

安装次数: 8

依赖关系: 0

建议者: 0

安全: 0

星标: 2

关注者: 4

分支: 1

开放问题: 1

语言:CSS

类型:typo3-flow-package

1.1.0 2014-10-02 14:23 UTC

Requires

Unknown License 4cf4c6d89f736b5a0ecf24cab3bc90d81a5e7cc2

This package is not auto-updated.

Last update: 2024-09-24 03:19:48 UTC

README

为 Neos 内容元素添加一些 Twitter Bootstrap 3 功能。

安装

将此存储库克隆到您的应用程序文件夹中

* cd ROOT/Packages/Application
* git clone https://github.com/dohomi/Neos-Plugin-DMF.BootstrapContent.git DMF.BootstrapContent

然后检查插件是否需要在您的包管理中激活。检查插件是否列在列表中

./flow package:list
./flow package:activate dmf/bootstrapcontent

在您的网站包中使用 Bootstrap 菜单和面包屑

您可以在 Root.ts2 中使用以下示例代码来使用 Bootstrap 特定的菜单和面包屑

page = Page {
    (...)
    body {
    (...)
        parts {
            (...)
            menu = Menu {
                templatePath = 'resource://DMF.BootstrapContent/Private/Templates/TypoScriptObjects/MainMenu.html'
                websiteName = 'Your website Name'
                entryLevel = 1
                maximumLevels = 4
            }
            breadcrumb =  TypoScript:Template {
                templatePath = 'resource://DMF.BootstrapContent/Private/Templates/TypoScriptObjects/Breadcrumb.html'
                items = ${q(node).add(q(node).parents())}
            }
        }
    }
}

包含包中的 JS 和 CSS

JavaScript 和 CSS 可在 Resources/Public/assets/* 文件夹中找到。您可以将 JS 源添加如下

<script src="{f:uri.resource(path: 'assets/jquery/jquery.min.js', package: 'DMF.BootstrapContent')}"></script>
<script src="{f:uri.resource(path: 'assets/bootstrap/dist/js/bootstrap.js', package: 'DMF.BootstrapContent')}"></script>

对于 CSS 的包含，我建议使用 Grunt 作为任务计划器，并使用处理 LESS 文件来构建 CSS。它们位于 Resources/Public/assets/bootstrap/less/* 中