first commit

This commit is contained in:
2026-01-25 18:18:09 +08:00
commit 509312e604
8136 changed files with 2349298 additions and 0 deletions

View File

@ -0,0 +1,35 @@
- breakpoint: xs
abbr: ''
name: X-Small
min-width: 0px
container: ''
- breakpoint: sm
abbr: -sm
name: Small
min-width: 576px
container: 540px
- breakpoint: md
abbr: -md
name: Medium
min-width: 768px
container: 720px
- breakpoint: lg
abbr: -lg
name: Large
min-width: 992px
container: 960px
- breakpoint: xl
abbr: -xl
name: X-Large
min-width: 1200px
container: 1140px
- breakpoint: xxl
abbr: -xxl
name: XX-Large
min-width: 1400px
container: 1320px

View File

@ -0,0 +1,26 @@
- name: blue
hex: '#0d6efd'
- name: indigo
hex: '#6610f2'
- name: purple
hex: '#6f42c1'
- name: pink
hex: '#d63384'
- name: red
hex: '#dc3545'
- name: orange
hex: '#fd7e14'
- name: yellow
hex: '#ffc107'
- name: green
hex: '#198754'
- name: teal
hex: '#20c997'
- name: cyan
hex: '#0dcaf0'
- name: white
hex: '#fff'
- name: gray
hex: '#6c757d'
- name: gray-dark
hex: '#343a40'

View File

@ -0,0 +1,35 @@
- name: Mark Otto
user: mdo
- name: Jacob Thornton
user: fat
- name: XhmikosR
user: xhmikosr
- name: GeoSot
user: geosot
- name: Patrick H. Lauke
user: patrickhlauke
- name: Julien Déramond
user: julien-deramond
- name: Gaël Poupard
user: ffoodd
- name: Rohit Sharma
user: rohit2sharma95
- name: alpadev
user: alpadev
- name: Martijn Cuppens
user: martijncuppens
- name: Johann-S
user: johann-s
- name: Gleb Mazovetskiy
user: glebm

View File

@ -0,0 +1,56 @@
- group: v1.x
baseurl: 'https://getbootstrap.com'
description: 'Every minor and patch release from v1 is listed below.'
versions:
- '1.0.0'
- '1.1.0'
- '1.1.1'
- '1.2.0'
- '1.3.0'
- '1.4.0'
- group: v2.x
baseurl: 'https://getbootstrap.com'
description: 'Every minor and patch release from v2 is listed below.'
versions:
- '2.0.0'
- '2.0.1'
- '2.0.2'
- '2.0.3'
- '2.0.4'
- '2.1.0'
- '2.1.1'
- '2.2.0'
- '2.2.1'
- '2.2.2'
- '2.3.0'
- '2.3.1'
- '2.3.2'
- group: v3.x
baseurl: 'https://getbootstrap.com/docs'
description: 'Every minor release from v3 is listed below. Last update was v3.4.1.'
versions:
- '3.3'
- '3.4'
- group: v4.x
baseurl: 'https://getbootstrap.com/docs'
description: 'Our previous major release with its minor releases. Last update was v4.6.2.'
versions:
- '4.0'
- '4.1'
- '4.2'
- '4.3'
- '4.4'
- '4.5'
- '4.6'
- group: v5.x
baseurl: 'https://getbootstrap.com/docs'
description: 'Current major release. Last update was v5.3.8.'
versions:
- '5.0'
- '5.1'
- '5.2'
- '5.3'

View File

@ -0,0 +1,141 @@
- category: Starters
external: true
description: 'Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more you can edit in StackBlitz.'
examples:
- name: CDN starter
description: "Instantly include Bootstrap's compiled CSS and JavaScript via the jsDelivr CDN."
url: /examples/tree/main/starter
- name: Sass & JS
description: "Use npm to import and compile Bootstrap's Sass with Autoprefixer and Stylelint, plus our bundled JavaScript."
url: /examples/tree/main/sass-js
- name: Sass & ESM JS
description: "Import and compile Bootstrap's Sass with Autoprefixer and Stylelint, and compile our source JavaScript with an ESM shim."
url: /examples/tree/main/sass-js-esm
- name: Bootstrap color modes
description: "Import and compile Bootstrap's Sass with Stylelint, and the Bootstrap color modes."
url: /examples/tree/main/color-modes
- name: Bootstrap Icons
description: "Import and compile Bootstrap's Sass with Stylelint, PurgeCSS, and the Bootstrap Icons web font."
url: /examples/tree/main/icons-font
- name: Parcel
description: "Import and bundle Bootstrap's source Sass and JavaScript via Parcel."
url: /examples/tree/main/parcel
indexPath: src/index.html
- name: React
description: "Import and bundle Bootstrap's source Sass and JavaScript with React, Next.js, and React Bootstrap."
url: /examples/tree/main/react-nextjs
indexPath: src/pages/index.tsx
- name: Vite
description: "Import and bundle Bootstrap's source Sass and JavaScript with Vite."
url: /examples/tree/main/vite
- name: Vue
description: "Import and bundle Bootstrap's source Sass and JavaScript with Vue and Vite."
url: /examples/tree/main/vue
- name: Webpack
description: "Import and bundle Bootstrap's source Sass and JavaScript with Webpack."
url: /examples/tree/main/webpack
indexPath: src/index.html
- category: Snippets
description: 'Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.'
examples:
- name: Headers
description: 'Display your branding, navigation, search, and more with these header components'
- name: Heroes
description: 'Set the stage on your homepage with heroes that feature clear calls to action.'
- name: Features
description: 'Explain the features, benefits, or other details in your marketing content.'
- name: Sidebars
description: 'Common navigation patterns ideal for offcanvas or multi-column layouts.'
- name: Footers
description: 'Finish every page strong with an awesome footer, big or small.'
- name: Dropdowns
description: 'Enhance your dropdowns with filters, icons, custom styles, and more.'
- name: List groups
description: 'Extend list groups with utilities and custom styles for any content.'
- name: Modals
description: 'Transform modals to serve any purpose, from feature tours to dialogs.'
- name: Badges
description: 'Make badges work with custom inner HTML and new looks.'
- name: Breadcrumbs
description: 'Integrate custom icons and create stepper components.'
- name: Buttons
description: 'Create custom buttons for just about any use case with utilities.'
- name: Jumbotrons
description: 'Create modernized versions of the classic Bootstrap component.'
- category: Custom Components
description: 'Brand-new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.'
examples:
- name: Album
description: 'Simple one-page template for photo galleries, portfolios, and more.'
- name: Pricing
description: 'Example pricing page built with Cards and featuring a custom header and footer.'
- name: Checkout
description: 'Custom checkout form showing our form components and their validation features.'
- name: Product
description: 'Lean product-focused marketing page with extensive grid and image work.'
- name: Cover
description: 'A one-page template for building simple and beautiful home pages.'
- name: Carousel
description: 'Customize the navbar and carousel, then add some new components.'
- name: Blog
description: 'Magazine like blog template with header, navigation, featured content.'
- name: Dashboard
description: 'Basic admin dashboard shell with fixed sidebar and navbar.'
- name: Sign-in
description: 'Custom form layout and design for a simple sign in form.'
- name: Sticky footer
description: 'Attach a footer to the bottom of the viewport when page content is short.'
- name: Sticky footer navbar
description: 'Attach a footer to the bottom of the viewport with a fixed top navbar.'
- name: Jumbotron
description: "Use utilities to recreate and enhance Bootstrap 4's jumbotron."
- category: Framework
description: 'Examples that focus on implementing uses of built-in components provided by Bootstrap.'
examples:
- name: 'Starter template'
description: 'Nothing but the basics: compiled CSS and JavaScript.'
- name: Grid
description: 'Multiple examples of grid layouts with all four tiers, nesting, and more.'
- name: Cheatsheet
description: 'Kitchen sink of Bootstrap components.'
- category: Navbars
description: 'Taking the default navbar component and showing how it can be moved, placed, and extended.'
examples:
- name: Navbars
description: 'Demonstration of all responsive and container options for the navbar.'
- name: Navbars offcanvas
description: 'Same as the Navbars example, but with our offcanvas component.'
- name: Navbar static
description: 'Single navbar example of a static top navbar along with some additional content.'
- name: Navbar fixed
description: 'Single navbar example with a fixed top navbar along with some additional content.'
- name: Navbar bottom
description: 'Single navbar example with a bottom navbar along with some additional content.'
- name: Offcanvas navbar
description: "Turn your expandable navbar into a sliding offcanvas menu (doesn't use our offcanvas component)."
- category: RTL
description: "See Bootstrap's RTL version in action with these modified examples from various categories."
examples:
- name: Album RTL
description: 'Simple one-page template for photo galleries, portfolios, and more.'
- name: Checkout RTL
description: 'Custom checkout form showing our form components and their validation features.'
- name: Carousel RTL
description: 'Customize the navbar and carousel, then add some new components.'
- name: Blog RTL
description: 'Magazine like blog template with header, navigation, featured content.'
- name: Dashboard RTL
description: 'Basic admin dashboard shell with fixed sidebar and navbar.'
- name: Cheatsheet RTL
description: 'Kitchen sink of Bootstrap components, RTL.'
- category: Integrations
description: 'Integrations with external libraries.'
examples:
- name: 'Masonry'
description: 'Combine the powers of the Bootstrap grid and the Masonry layout.'

View File

@ -0,0 +1,18 @@
- name: 100
hex: '#f8f9fa'
- name: 200
hex: '#e9ecef'
- name: 300
hex: '#dee2e6'
- name: 400
hex: '#ced4da'
- name: 500
hex: '#adb5bd'
- name: 600
hex: '#868e96'
- name: 700
hex: '#495057'
- name: 800
hex: '#343a40'
- name: 900
hex: '#212529'

View File

@ -0,0 +1,27 @@
preferred:
- name: Font Awesome
website: https://fontawesome.com/
- name: Feather
website: https://feathericons.com/
- name: Octicons
website: https://primer.style/foundations/icons
more:
- name: Bytesize
website: https://github.com/danklammer/bytesize-icons
- name: CoreUI Icons
website: https://coreui.io/icons/
- name: Google Material icons
website: https://fonts.google.com/icons
- name: Ionicons
website: https://ionic.io/ionicons
- name: Dripicons
website: http://demo.amitjakhu.com/dripicons/
- name: Ikons
website: https://ikons.piotrkwiatkowski.co.uk/
- name: Icons8
website: https://icons8.com/
- name: icofont
website: https://icofont.com/
- name: Tabler Icons
website: https://tabler.io/icons

View File

@ -0,0 +1,47 @@
- name: Alert
description: Show and hide alert messages to your users.
link: components/alerts/#javascript-behavior
- name: Button
description: Programmatically control the active state for buttons.
link: components/buttons/#button-plugin
- name: Carousel
description: Add slideshows to any page, including support for crossfade.
link: components/carousel/
- name: Collapse
description: Expand and collapse areas of content, or create accordions.
link: components/collapse/
- name: Dropdown
description: Create menus of links, actions, forms, and more.
link: components/dropdowns/
- name: Modal
description: Add flexible and responsive dialogs to your project.
link: components/modal/
- name: Offcanvas
description: Build and toggle hidden sidebars into any page.
link: components/offcanvas/
- name: Popover
description: Create custom overlays. Built on Popper.
link: components/popovers/
- name: Scrollspy
description: Automatically update active nav links based on page scroll.
link: components/scrollspy/
- name: Tab
description: Allow Bootstrap nav components to toggle contents.
link: components/navs-tabs/
- name: Toast
description: Show and hide notifications to your visitors.
link: components/toasts/
- name: Tooltip
description: Replace browser tooltips with custom ones. Built on Popper.
link: components/tooltips/

View File

@ -0,0 +1,159 @@
# This file holds all sidebar menu's entries.
# The logic for the sidebar generation is in "site/layouts/partials/docs-sidebar.html".
- title: Getting started
icon: book-half
icon_color: indigo
pages:
- title: Introduction
- title: Download
- title: Contents
- title: Browsers & devices
- title: JavaScript
- title: Webpack
- title: Parcel
- title: Vite
- title: Accessibility
- title: RFS
- title: RTL
- title: Contribute
- title: Customize
icon: palette2
icon_color: pink
pages:
- title: Overview
- title: Sass
- title: Options
- title: Color
- title: Color modes
- title: Components
- title: CSS variables
- title: Optimize
- title: Layout
icon: grid-fill
icon_color: teal
pages:
- title: Breakpoints
- title: Containers
- title: Grid
- title: Columns
- title: Gutters
- title: Utilities
- title: Z-index
- title: CSS Grid
- title: Content
icon: file-earmark-richtext
icon_color: gray
pages:
- title: Reboot
- title: Typography
- title: Images
- title: Tables
- title: Figures
- title: Forms
icon: ui-radios
icon_color: blue
pages:
- title: Overview
- title: Form control
- title: Select
- title: Checks & radios
- title: Range
- title: Input group
- title: Floating labels
- title: Layout
- title: Validation
- title: Components
icon: menu-button-wide-fill
icon_color: cyan
pages:
- title: Accordion
- title: Alerts
- title: Badge
- title: Breadcrumb
- title: Buttons
- title: Button group
- title: Card
- title: Carousel
- title: Close button
- title: Collapse
- title: Dropdowns
- title: List group
- title: Modal
- title: Navbar
- title: Navs & tabs
- title: Offcanvas
- title: Pagination
- title: Placeholders
- title: Popovers
- title: Progress
- title: Scrollspy
- title: Spinners
- title: Toasts
- title: Tooltips
- title: Helpers
icon: magic
icon_color: orange
pages:
- title: Clearfix
- title: Color & background
- title: Colored links
- title: Focus ring
- title: Icon link
- title: Position
- title: Ratio
- title: Stacks
- title: Stretched link
- title: Text truncation
- title: Vertical rule
- title: Visually hidden
- title: Utilities
icon: braces-asterisk
icon_color: red
pages:
- title: API
- title: Background
- title: Borders
- title: Colors
- title: Display
- title: Flex
- title: Float
- title: Interactions
- title: Link
- title: Object fit
- title: Opacity
- title: Overflow
- title: Position
- title: Shadows
- title: Sizing
- title: Spacing
- title: Text
- title: Vertical align
- title: Visibility
- title: Z-index
- title: Extend
icon: tools
icon_color: blue
pages:
- title: Approach
- title: Icons
- title: About
icon: globe2
icon_color: indigo
pages:
- title: Overview
- title: Team
- title: Brand
- title: License
- title: Translations
- title: Migration

View File

@ -0,0 +1,20 @@
- name: primary
hex: '#0d6efd'
- name: secondary
hex: '#6c757d'
- name: success
hex: '#28a745'
- name: danger
hex: '#dc3545'
- name: warning
hex: '#ffc107'
contrast_color: dark
- name: info
hex: '#17a2b8'
contrast_color: dark
- name: light
hex: '#f8f9fa'
contrast_color: dark
- name: dark
hex: '#343a40'
contrast_color: white

View File

@ -0,0 +1,24 @@
- name: 中文(繁體)
code: zh-tw
description: Bootstrap 5 繁體中文手冊
url: https://bootstrap5.hexschool.com/
- name: Simplified Chinese
code: zh-CN
description: Bootstrap 5 中文文档
url: https://v5.bootcss.com/
- name: Japanese
code: ja
description: Bootstrap 5 日本語リファレンス
url: https://getbootstrap.jp/
- name: Russian
code: ru
description: Bootstrap 5 на русском
url: https://getbootstrap.su/
- name: Korean
code: ko
description: Bootstrap 5 한국어 문서
url: https://getbootstrap.kr/