README

TODC Bootstrap

Bootstrap的Google风格主题。
探索TODC Bootstrap文档

报告错误 · 请求功能

概述

这是一个Bootstrap的Google风格主题。因为我喜欢在Gmail、Docs、Calendar等新Google UI中看到的新UI元素，所以我决定为我自己的个人使用重现这些新UI元素的外观。项目的目标不是与Google Apps的UI完全一致，而是与Bootstrap的功能一致，并考虑到Google的UI。

TODC Bootstrap由Tim O'Donnell创建，并在社区的支持和参与下维护。

快速开始

有几个快速开始选项可用

下载最新版本.
克隆存储库： git clone https://github.com/todc/todc-bootstrap.git。
使用npm安装： npm install todc-bootstrap@next
使用yarn安装： yarn add todc-bootstrap@next
使用Composer安装： composer require todc/todc-bootstrap:5.0.0-5.0.0-alpha2。

注意 - 克隆/安装todc-bootstrap后，您必须从todc-bootstrap目录运行grunt checkout-bootstrap。这将下载正确的Bootstrap源版本。

阅读入门页面以获取有关框架内容、模板和示例等信息。

状态

待办事项 - 配置BrowserStack

包含内容

在下载中，您将找到以下目录和文件，逻辑上分组常见资产，并提供编译和压缩版本。您会看到如下内容

todc-bootstrap/
└── dist/
    ├── css/
    │   ├── bootstrap-grid.css
    │   ├── bootstrap-grid.css.map
    │   ├── bootstrap-grid.min.css
    │   ├── bootstrap-grid.min.css.map
    │   ├── bootstrap-reboot.css
    │   ├── bootstrap-reboot.css.map
    │   ├── bootstrap-reboot.min.css
    │   ├── bootstrap-reboot.min.css.map
    │   ├── bootstrap-utilities.css
    │   ├── bootstrap-utilities.css.map
    │   ├── bootstrap-utilities.min.css
    │   ├── bootstrap-utilities.min.css.map
    │   ├── bootstrap.css
    │   ├── bootstrap.css.map
    │   ├── bootstrap.min.css
    │   ├── bootstrap.min.css.map
    │   ├── todc-bootstrap-utilities.css
    │   ├── todc-bootstrap-utilities.css.map
    │   ├── todc-bootstrap-utilities.min.css
    │   ├── todc-bootstrap-utilities.min.css.map
    │   ├── todc-bootstrap.css
    │   ├── todc-bootstrap.css.map
    │   ├── todc-bootstrap.min.css
    │   └── todc-bootstrap.min.css.map
    └── js/
        ├── bootstrap.bundle.js
        ├── bootstrap.bundle.js.map
        ├── bootstrap.bundle.min.js
        ├── bootstrap.bundle.min.js.map
        ├── bootstrap.esm.js
        ├── bootstrap.esm.js.map
        ├── bootstrap.esm.min.js
        ├── bootstrap.esm.min.js.map
        ├── bootstrap.js
        ├── bootstrap.js.map
        ├── bootstrap.min.js
        └── bootstrap.min.js.map

我们提供编译的CSS和JS（bootstrap.*, todc-bootstrap.*），以及编译和压缩的CSS和JS（bootstrap.min.*, todc-bootstrap.min.*）。提供可用于某些浏览器开发工具的源映射（bootstrap.*.map, todc-bootstrap.*.map）。捆绑的JS文件（bootstrap.bundle.js和压缩的bootstrap.bundle.min.js）包含Popper。

兼容性

此版本正在Chrome、Firefox和IE8+的最新版本中进行测试。

以下项目专门设计用于与todc-bootstrap一起使用

todc-select2 - Google风格的下拉菜单
todc-datepicker - Google风格的日期选择器组件

要求

SASS - 用于将 .scss 文件编译成 CSS
Bootstrap - 在构建过程中，如果需要，将自动检出

错误和功能请求

遇到 bug 或有功能请求？请先阅读问题指南并搜索现有和已关闭的问题。如果您的問題或想法尚未得到解决，请创建一个新问题。

文档

TODC Bootstrap 的文档包含在本存储库的根目录中，使用 Hugo 构建，并在 GitHub Pages 上公开托管，网址为 https://todc.github.io/todc-bootstrap/。文档也可以在本地运行。

文档搜索由 Algolia 的 DocSearch 提供。正在处理我们的搜索？请确保在 site/assets/js/src/search.js 文件中将 debug: true 设置为 true。

在本地运行文档

运行 npm install 以安装 Node.js 依赖项，包括 Hugo（网站构建器）。
运行 npm run test（或特定的 npm 脚本）以重新构建 CSS 和 JavaScript 文件以及我们的文档资源。
从根目录 /todc-bootstrap，在命令行中运行 npm run docs-serve。
在浏览器中打开 https://:9002/，大功告成。

通过阅读其文档来了解更多关于使用 Hugo 的信息。

以前版本文档

您可以在 https://todc.github.io/todc-bootstrap/docs/versions/ 找到我们所有以前版本的文档。

以前的版本及其文档也提供下载。

贡献

请阅读我们的贡献指南。包括打开问题的说明、编码标准和开发注意事项。

编辑器首选项可在编辑器配置中找到，以便在常见的文本编辑器中轻松使用。更多信息请访问 https://editorconfig.org/ 并下载插件。

版本

为了提高发布周期的透明度并努力保持向后兼容性，Bootstrap 根据语义化版本控制指南进行维护。有时我们会犯错，但尽可能遵守这些规则。

请参阅我们 GitHub 项目的发布部分中的每个发布版本的 TODC Bootstrap 的变更日志。

发布将采用以下格式进行编号

<major>.<minor>.<patch>-<major>.<minor>.<patch>

第一组 <major>.<minor>.<patch> 是 Bootstrap 版本，而第二组是 todc-bootstrap 版本。

给定版本号 MAJOR.MINOR.PATCH，当您进行不兼容的 API 变更时，增加 MAJOR 版本；当您以向后兼容的方式添加功能时，增加 MINOR 版本；当您进行向后兼容的 bug 修复时，增加 PATCH 版本。

MAJOR 版本
MINOR 版本
PATCH 版本

预发布和构建元数据标签可以作为 MAJOR.MINOR.PATCH 格式的扩展使用。

创建者

Tim O'Donnell

https://github.com/todc

感谢

感谢 BrowserStack 提供的基础设施，使我们能够在真实浏览器中进行测试！

版权和许可

注意此项目之前错误地置于公有领域许可下。现已更改为与 Bootstrap 当前许可证兼容。

致谢

灵感来源于 Bootstrap 和当然，Google。

todc / todc-bootstrap

维护者

详情