Bootstrap 4 中文版项目教程

Bootstrap 4 中文版项目教程

bootstrap4_chineseBootstrap4 Chinese documentation项目地址:https://gitcode.com/gh_mirrors/bo/bootstrap4_chinese

1. 项目的目录结构及介绍

bootstrap4_chinese/
├── 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.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
├── js/
│   ├── bootstrap.bundle.js
│   ├── bootstrap.bundle.js.map
│   ├── bootstrap.bundle.min.js
│   ├── bootstrap.bundle.min.js.map
│   ├── bootstrap.js
│   ├── bootstrap.js.map
│   ├── bootstrap.min.js
│   └── bootstrap.min.js.map
├── scss/
│   ├── _alert.scss
│   ├── _badge.scss
│   ├── _breadcrumb.scss
│   ├── _button-group.scss
│   ├── _buttons.scss
│   ├── _card.scss
│   ├── _carousel.scss
│   ├── _close.scss
│   ├── _code.scss
│   ├── _custom-forms.scss
│   ├── _dropdown.scss
│   ├── _forms.scss
│   ├── _functions.scss
│   ├── _grid.scss
│   ├── _images.scss
│   ├── _input-group.scss
│   ├── _jumbotron.scss
│   ├── _list-group.scss
│   ├── _media.scss
│   ├── _mixins.scss
│   ├── _modal.scss
│   ├── _nav.scss
│   ├── _navbar.scss
│   ├── _pagination.scss
│   ├── _popover.scss
│   ├── _print.scss
│   ├── _progress.scss
│   ├── _reboot.scss
│   ├── _root.scss
│   ├── _spinners.scss
│   ├── _tables.scss
│   ├── _toasts.scss
│   ├── _tooltip.scss
│   ├── _transitions.scss
│   ├── _type.scss
│   ├── _utilities.scss
│   ├── _variables.scss
│   └── bootstrap.scss
└── README.md

目录结构介绍

• css/: 包含 Bootstrap 的 CSS 文件，包括压缩版和非压缩版，以及对应的 source maps。
• js/: 包含 Bootstrap 的 JavaScript 文件，包括压缩版和非压缩版，以及对应的 source maps。
• scss/: 包含 Bootstrap 的 SCSS 源文件，可以用于自定义样式。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

Bootstrap 4 中文版项目的启动文件主要是 css/bootstrap.css 和 js/bootstrap.bundle.js。

• css/bootstrap.css: 这是 Bootstrap 的主要 CSS 文件，包含了所有的样式定义。
• js/bootstrap.bundle.js: 这是 Bootstrap 的主要 JavaScript 文件，包含了所有的 JavaScript 功能，以及 Popper.js，用于处理弹出框和工具提示的位置。

3. 项目的配置文件介绍

Bootstrap 4 中文版项目没有特定的配置文件，但可以通过修改 scss/_variables.scss 文件来自定义样式。

• scss/_variables.scss: 这个文件包含了所有的变量定义，如颜色、字体大小、边距等，可以通过修改这些变量来定制 Bootstrap 的样式。

通过以上步骤，您可以开始使用 Bootstrap 4 中文版项目，并根据需要进行自定义。

bootstrap4_chineseBootstrap4 Chinese documentation项目地址:https://gitcode.com/gh_mirrors/bo/bootstrap4_chinese