# @edifice\.io/bootstrap 中文文档

规范地址：https://npmcn.com/package/%40edifice.io/bootstrap/

版本：2\.6\.14
npm 元数据更新时间：2026-11-13T15:08:36.075Z
中文译文更新时间：2026-11-13T15:09:49.339Z
软件包许可：AGPL-3\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40edifice.io/bootstrap
原文对照：https://npmcn.com/package/%40edifice.io/bootstrap/?lang=original
项目主页：https://github.com/edificeio/edifice-frontend-framework/tree/main/packages/bootstrap#readme
源码仓库：https://github.com/edificeio/edifice-frontend-framework

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：8.6 MB，102 个文件
- TypeScript 类型：未声明
- 运行依赖：2 个
- 首次发布：2024-12-05T10:28:48.119Z
- 最新版本发布：2026-11-13T15:08:35.791Z
- 近 30 天下载量：15425（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：1048（近 12 个月 604 个）

## 中文简介

基于 Bootstrap 的 Edifile CSS 框架

## 安装

```sh
npm install @edifice.io/bootstrap
```

也可以使用：`pnpm add @edifice.io/bootstrap`、`yarn add @edifice.io/bootstrap`、`bun add @edifice.io/bootstrap`

## README

# 脚套

Edifice Bootstrap是一个全面的CSS框架,它包含了我们应用中所使用的所有UI组件. 它建立在最新版本的"靴子"上.

## 安装

通过克隆寄存器安装 :

```bash
pnpm add @edifice.io/bootstrap
```

## 覆盖组件

基于Bootstrap 5.3,许多组件使用CSS变量(CSS自定义属性). 我们遵守这一准则,以建立我们自己的组件,或超越靴子组件.

```scss
// _form-control.scss

.form-control {
  --#{$prefix}input-padding-y: #{$input-padding-y};
  --#{$prefix}input-padding-x: #{$input-padding-x};
  --#{$prefix}input-padding-y-lg: #{$input-padding-y-lg};
  --#{$prefix}input-padding-x-lg: #{$input-padding-x-lg};
  --#{$prefix}input-font-size-lg: #{$input-font-size-lg};
  --#{$prefix}input-padding-y-sm: #{$input-padding-y-sm};
  --#{$prefix}input-padding-x-sm: #{$input-padding-x-sm};
  --#{$prefix}input-font-size-sm: #{$input-font-size-sm};
  --#{$prefix}input-border-color: #{$input-border-color};
  --#{$prefix}input-disabled-bg: #{$input-disabled-bg};
  --#{$prefix}input-disabled-color: #{$input-disabled-color};
  --#{$prefix}input-disabled-border-color: #{$input-disabled-border-color};
  --#{$prefix}input-placeholder-color: #{$input-placeholder-color};
  --#{$prefix}input-focus-border-color: #{$input-focus-border-color};
  --#{$prefix}input-filled-border-color: #{$input-filled-border-color};
  --#{$prefix}input-border-radius: #{$input-border-radius-lg};
  --#{$prefix}input-border-radius-sm: #{$input-border-radius};
  --#{$prefix}input-border-radius-lg: #{$input-border-radius-lg};
  padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);
  border-color: var(--#{$prefix}input-border-color);
  font-size: var(--#{$prefix}input-font-size-lg);
  min-height: inherit;

...
}
```

重叠样式应在包含数据属性选择器的组件文件中进行 `[data-product="one"]` 或者说 `[data-product="neo"]`。 。 。 .

```scss
.form-control {
  --#{$prefix}input-focus-border-color: var(--#{$prefix}color);
}
```

## 常见问题

### @edifice\.io/bootstrap 是什么？

基于 Bootstrap 的 Edifile CSS 框架

### 如何安装 @edifice\.io/bootstrap？

在项目目录运行 npm install @edifice\.io/bootstrap，或使用 pnpm add / yarn add / bun add。

### @edifice\.io/bootstrap 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/edifice\.io\_\_bootstrap 是否存在。

### @edifice\.io/bootstrap 可以商用吗？

@edifice\.io/bootstrap 使用 AGPL-3\.0 许可。最严格的 Copyleft：除分发外，通过网络向用户提供基于它的服务也需要开源对应源码。闭源 SaaS 使用前务必评估。以上为概括，不构成法律意见，请以许可原文为准。

### @edifice\.io/bootstrap 的下载量有多少？

根据 npm 官方下载统计，@edifice\.io/bootstrap 在 2026/10/13 – 2026/11/11 这 30 天内被下载 15,425 次，日均约 514 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @edifice\.io/bootstrap 还在维护吗？

最新版本 2\.6\.14 发布于 2026/11/13（今天）；至今共发布 1048 个版本，其中过去 12 个月发布了 604 个；首次发布于 2024/12/05。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。