Bootstrap

Bootstrap是用于在网络上开发响应式、移动设备优先项目的最流行的HTML,CSS和JS框架。(Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.)

Github星跟蹤圖

Bootstrap是一个时尚、直观、强大的前端框架,用于更快、更容易的Web开发,由Mark Otto和Jacob Thornton创建,由核心团队在社区的大力支持和参与下维护。

包括什么?

在下载中,您将找到以下目录和文件,对逻辑资产进行逻辑分组,并提供已编译和缩小的变体。 你会看到这样的事情:

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.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

我们提供编译的CSS和JS(bootstrap.*),以及编译和缩小的CSS和JS(bootstrap.min.*)。 源映射(bootstrap.* .map)可用于某些浏览器的开发人员工具。 捆绑的JS文件(bootstrap.bundle.js和minified bootstrap.bundle.min.js)包括Popper,但不包括jQuery。

历史(https://getbootstrap.com/docs/4.2/about/overview/#...

Bootstrap最初由Twitter的设计人员和开发人员创建,已成为世界上最受欢迎的前端框架和开源项目之一。

Bootstrap是在2010年中期由@mdo和@fat在Twitter上创建的。在成为开源框架之前,Bootstrap被称为Twitter蓝图。在开发的几个月后,Twitter举办了第一个Hack Week,随着所有技术水平的开发人员在没有任何外部指导的情况下跳跃,该项目爆炸式增长。在公开发布之前,它作为公司内部工具开发的风格指南已有一年多的时间,并且今天仍在继续。

最初于2011年8月19日星期五发布,我们已经发布了20多个版本,其中包括v2和v3的两个主要重写版本。使用Bootstrap 2,我们将响应功能添加到整个框架作为可选样式表。在Bootstrap 3的基础上,我们再次重写了该库,使其默认采用移动第一种方法进行响应。

使用Bootstrap 4,我们再次重写了该项目,以解释两个关键的体系结构变化:迁移到Sass以及迁移到CSS的flexbox。我们的目的是通过在更现代的浏览器中推送更新的CSS属性,更少的依赖关系和新技术,以一种小的方式帮助推动Web开发社区的发展。

概覽

名稱與所有者twbs/bootstrap
主編程語言JavaScript
編程語言JavaScript (語言數: 5)
平台Web browsers
許可證MIT License
發布數89
最新版本名稱v5.3.3 (發布於 )
第一版名稱v1.0.0 (發布於 2011-08-18 11:45:49)
創建於2011-07-29 21:19:00
推送於2024-04-27 10:15:24
最后一次提交
星數167.5k
關注者數6.8k
派生數78.4k
提交數22.8k
已啟用問題?
問題數22349
打開的問題數416
拉請求數8702
打開的拉請求數138
關閉的拉請求數6301
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?

Table of contents

Quick start

Several quick start options are available:

  • Download the latest release.
  • Clone the repo: git clone https://github.com/twbs/bootstrap.git
  • Install with npm: npm install bootstrap
  • Install with yarn: yarn add bootstrap@4.3.1
  • Install with Composer: composer require twbs/bootstrap:4.3.1
  • Install with NuGet: CSS: Install-Package bootstrap Sass: Install-Package bootstrap.sass

Read the Getting started page for information on the framework contents, templates and examples, and more.

Status

Slack
Build Status
npm version
Gem version
Meteor Atmosphere
Packagist Prerelease
NuGet
peerDependencies Status
devDependency Status
Coverage Status
CSS gzip size
JS gzip size
BrowserStack Status
Backers on Open Collective
Sponsors on Open Collective

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

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
    └── 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

We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). source maps (bootstrap.*.map) are available for use with certain browsers' developer tools. Bundled JS files (bootstrap.bundle.js and minified bootstrap.bundle.min.js) include Popper.

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Documentation

Bootstrap's documentation, included in this repo in the root directory, is built with Hugo and publicly hosted on GitHub Pages at https://getbootstrap.com/. The docs may also be run locally.

Documentation search is powered by Algolia's DocSearch. Working on our search? Be sure to set debug: true in site/assets/js/src/search.js file.

Running documentation locally

  1. Run npm install to install the Node.js dependencies, including Hugo (the site builder).
  2. Run npm run test (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
  3. From the root /bootstrap directory, run npm run docs-serve in the command line.
  4. Open http://localhost:9001/ in your browser, and voilà.

Learn more about using Hugo by reading its documentation.

Documentation for previous releases

You can find all our previous releases docs on https://getbootstrap.com/docs/versions/.

Previous releases and their documentation are also available for download.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at https://editorconfig.org/.

Community

Get updates on Bootstrap's development and chat with the project maintainers and community members.

  • Follow @getbootstrap on Twitter.
  • Read and subscribe to The Official Bootstrap Blog.
  • Join the official Slack room.
  • Chat with fellow Bootstrappers in IRC. On the irc.freenode.net server, in the ##bootstrap channel.
  • Implementation help may be found at Stack Overflow (tagged bootstrap-4).
  • Developers should use the keyword bootstrap on packages which modify or add to the functionality of Bootstrap when distributing through npm or similar delivery mechanisms for maximum discoverability.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we adhere to those rules whenever possible.

See the Releases section of our GitHub project for changelogs for each release version of Bootstrap. Release announcement posts on the official Bootstrap blog contain summaries of the most noteworthy changes made in each release.

Creators

Mark Otto

Jacob Thornton

Thanks

Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers!

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]










Backers

Thank you to all our backers! ? [Become a backer]

Backers

Code and documentation copyright 2011-2020 the Bootstrap Authors and Twitter, Inc. Code released under the MIT License. Docs released under Creative Commons.

去到頂部