enabel/enabel-bootstrap-theme

Enabel Bootstrap主题,供内部使用

2.0.19 2024-08-12 13:26 UTC

README

Netlify Status

具有Enabel外观的Bootstrap 5版本,功能包括

  • 与纯Bootstrap标记的兼容性
  • 一些自定义元素
    • btn-enabel 带有Enabel标志的按钮(扩展 .btn & .btn-primary)
    • btn-outline-enabel 带有Enabel标志的按钮(扩展 .btn & .btn-outline-primary)
  • 源SCSS文件包含在发行版中,允许本地自定义
  • 支持NPM、Yarn和Bower包管理器集成
  • 包括示例HTML页面和常用组件,如navbar和cards,以便快速设置

文档

此主题的演示

主题开发者

如果您想增强或修复主题,您可能想阅读本节,了解如何在您的本地设备上设置此源。

首先,我们确实接受拉取请求,并将迅速合并对其他依赖应用程序有意义的修复或增强。注意,在提交拉取请求之前,您可能需要查看我们的问题和/或提出问题。

工具设置

您需要在您的设备上安装以下工具才能开始对主题进行工作

  • NodeJS 16.x 或更高版本,并带有NPM或更高版本以进行构建

首次安装

在您的工具就绪后,您应该克隆并安装一些包

git clone git@github.com:enabl/enabel-bootstrap-theme.git
cd enabel-bootstrap-theme
yarn install

构建发行版

此项目已使用webpack-cli创建。要构建样式、JavaScript和其他资源,请使用

yarn build

这将创建一个名为dist的目录。Webpack将生成最小化的js和css代码,并将所有资源和sass代码带入。

预览

此项目还包含一个astro项目,用于预览主题

yarn dev

部署发行版

要为部署打包dist,您可以在项目的根目录中使用以下命令

yarn pack

关于

最初由Damien Lagae设计。如果您有任何问题,请联系Damien Lagae