burnbright/silverstripe-bootstrap

模板主题，使用bootstrap

维护者

详细信息

github.com/burnbright/silverstripe-bootstrap

源代码

问题

安装数: 1,021

依赖项: 1

建议者: 0

安全: 0

星级: 10

关注者: 5

分支: 6

开放问题: 3

语言:方案

类型:silverstripe主题

1.1.0 2017-08-02 03:28 UTC

Requires

Suggests

MIT dc2c501ac1484f77bc90fd04bef9f5b50109b271

This package is auto-updated.

Last update: 2024-09-08 15:03:40 UTC

README

Join the chat at https://gitter.im/burnbright/silverstripe-bootstrap

这是一个基本的SilverStripe模板主题，基于Bootstrap构建。使用less作为CSS预处理器。使用bower引入外部库，并包含一系列内部库（请参阅less/lib文件夹）。根据每个项目选择所需的组件。

要求

设置

通过composer安装

composer require burnbright/silverstripe-bootstrap

在主题目录内，在终端中

  • 运行npm install以安装grunt和相关要求。
  • 运行bower install以获取所有bower包。

可以使用源映射，也可以使用chrome工作区。

使用方法

在主题目录内，在终端中

  • 运行grunt / gulp以启动默认的监视任务。
  • grunt copy / gulp copy将字体复制到正确的目录。

定制此主题

您可以通过几种方法来定制此主题

  • 分支存储库并做出更改。更新composer以指向您的分支，或将其作为子模块包含。这保留了主题代码
  • 删除主题.git文件夹，并将整个主题提交到您的项目中。
  • 在bootstrap_mysite主题内实现更改。这种方法允许您稍后单独更新基础bootstrap主题。此"子主题"文件夹将相对较轻，可以提交到站点存储库。
    • 请确保您在自己的模板/Page.ss中更新js/css要求以引用mysite模块。

支持IE8

Bootstrap 3在某种程度上支持IE8。

如果您使用jQuery，请确保您的bower配置为使用版本小于2的jQuery。您可以选择包含Respond.js以polyfill媒体查询断点，或者您可以通过IE条件标签提取特定断点的CSS并将其包含在内。

有用的信息

http://css2less.cc/对于快速将CSS转换为less很有用。您还可以将其作为命令行工具安装：https://github.com/thomaspierson/libcss2less

此主题从DNA的FrontEnd Boilerplate中汲取了一些灵感