PHPackages orange-opensource/orange-boosted-bootstrap - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. orange-opensource/orange-boosted-bootstrap ActiveLibrary[Framework](/categories/framework) orange-opensource/orange-boosted-bootstrap ========================================== OUDS Web is a Bootstrap based, Orange branded accessible and ergonomic components library. v5.3.8(8mo ago)2179.5k60[249 issues](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/issues)[17 PRs](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/pulls)MITSCSSCI passing Since May 26Pushed 1mo ago22 watchersCompare [ Source](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap)[ Packagist](https://packagist.org/packages/orange-opensource/orange-boosted-bootstrap)[ Docs](https://boosted.orange.com/)[ RSS](/packages/orange-opensource-orange-boosted-bootstrap/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)DependenciesVersions (191)Used By (0) OUDS Web ======== [](#ouds-web) OUDS Web is a fork of Bootstrap. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. [**Visit OUDS Web**](https://web.unified-design-system.orange.com) [Report bug](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/issues/new?assignees=-&labels=bug&template=bug_report.yml) · [Request feature](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/issues/new?assignees=&labels=feature&template=feature_request.yml) Table of contents ----------------- [](#table-of-contents) - [Quick start](#quick-start) - [Status](#status) - [What’s included](#whats-included) - [Bugs and feature requests](#bugs-and-feature-requests) - [Documentation](#documentation) - [Contributing](#contributing) - [Versioning](#versioning) - [Creators](#creators) - [Thanks](#thanks) - [Copyright and license](#copyright-and-license) Quick start ----------- [](#quick-start) OUDS Web need at least two different libraries. A common one, containing the common files used to build the different themes, and a theming one to apply some tokens. The common library have the common Scss files and all the common JavaScript that is included in every library. It also contains the builded JavaScript. The theming library have the specific Scss files containing all the tokens to apply the theme. It also contains the builded CSS for this specific theme. Several quick start options are available: - [Download the latest release](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/archive/v1.4.0-ouds-web.zip) - Clone the repo: `git clone https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git && git switch main` - Install with [npm](https://www.npmjs.com/): `npm install @ouds/web-common@1.4.0 @ouds/web-orange@1.4.0` - Install with [yarn](https://yarnpkg.com/): `yarn add @ouds/web-common@1.4.0 @ouds/web-orange@1.4.0` - Install with [Bun](https://bun.sh/): `bun add @ouds/web-common@1.4.0 @ouds/web-orange@1.4.0` - Install with [Composer](https://getcomposer.org/): `composer require orange-opensource/orange-boosted-bootstrap:dev-main` - Install with [NuGet](https://www.nuget.org/): CSS: `Install-Package ouds-web-common ouds-web-orange` Sass: `Install-Package ouds-web-common.sass ouds-web-orange.sass` Read the [Getting started page](https://web.unified-design-system.orange.com/docs/getting-started/introduction/) for information on the framework contents, templates, examples, and more. Status ------ [](#status) [![Build Status](https://camo.githubusercontent.com/8ebb568135e13b0308b5e87130b741c9e0a9cbc5ade51bcfeca4b69e0b530f8b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6a732e796d6c3f6272616e63683d6d61696e266c6162656c3d4a532532305465737473266c6f676f3d676974687562)](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/actions/workflows/js.yml?query=workflow%3AJS+branch%3Aouds%2Fmain)[![npm version](https://camo.githubusercontent.com/c0c1db20f45bebcaa335fd3baa15ae086082b27d24363379045ed3eb1d264fcd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f406f7564732f7765622d636f6d6d6f6e3f6c6f676f3d6e706d266c6f676f436f6c6f723d666666)](https://www.npmjs.com/package/@ouds/web-common)[![NuGet](https://camo.githubusercontent.com/14211ffb7460d57789f8c720db8b12cecd2d889d455be3059cfb362f81802a73/68747470733a2f2f696d672e736869656c64732e696f2f6e756765742f767072652f6f7564732d7765622d636f6d6d6f6e3f6c6f676f3d6e75676574266c6f676f436f6c6f723d666666)](https://www.nuget.org/packages/ouds-web-common/absoluteLatest)[![Coverage Status](https://camo.githubusercontent.com/2c1c2d0d4a11e0c3eb27680eddaa59ec7396a7a68317e9a95b30fbd520c5ab13/68747470733a2f2f696d672e736869656c64732e696f2f636f766572616c6c732f6769746875622f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6d61696e3f6c6f676f3d636f766572616c6c73266c6f676f436f6c6f723d666666)](https://coveralls.io/github/Orange-OpenSource/Orange-Boosted-Bootstrap?branch=main)[![CSS gzip size](https://camo.githubusercontent.com/4c1243f1215c566183080e1ec1daf18feaa36d3009fcd0ace19b2031275fc99c/68747470733a2f2f696d672e626164676573697a652e696f2f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6d61696e2f7061636b616765732f6f72616e67652f646973742f6373732f6f7564732d7765622e6d696e2e6373733f636f6d7072657373696f6e3d677a6970266c6162656c3d435353253230677a697025323073697a65)](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/packages/orange/dist/css/ouds-web.min.css)[![CSS Brotli size](https://camo.githubusercontent.com/0129b0415b33e9a836eebbe652a821a455778f2a7b547875cb13c581150f8fde/68747470733a2f2f696d672e626164676573697a652e696f2f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6d61696e2f7061636b616765732f6f72616e67652f646973742f6373732f6f7564732d7765622e6d696e2e6373733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d43535325323042726f746c6925323073697a65)](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/packages/orange/dist/css/ouds-web.min.css)[![JS gzip size](https://camo.githubusercontent.com/e48fc8e28c156f5c568bad198d21f96e1c93058af0778dfd200e0b583964fd77/68747470733a2f2f696d672e626164676573697a652e696f2f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6d61696e2f646973742f6a732f6f7564732d7765622e6d696e2e6a733f636f6d7072657373696f6e3d677a6970266c6162656c3d4a53253230677a697025323073697a65)](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/dist/js/ouds-web.min.js)[![JS Brotli size](https://camo.githubusercontent.com/c1d15aaec997aabbb055f8acb96664fb185cac9bed5faa1a1d912e1e6cebd431/68747470733a2f2f696d672e626164676573697a652e696f2f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6d61696e2f646973742f6a732f6f7564732d7765622e6d696e2e6a733f636f6d7072657373696f6e3d62726f746c69266c6162656c3d4a5325323042726f746c6925323073697a65)](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/dist/js/ouds-web.min.js)[![JSDelivr](https://camo.githubusercontent.com/5ccabf14f2e6d97747e195731950d217f90b1b4951a0c81632af433af7408cc8/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f406f7564732f7765622d636f6d6d6f6e2f6261646765)](https://www.jsdelivr.com/package/npm/@ouds/web-common)[![OpenSSF Scorecard](https://camo.githubusercontent.com/5346c338aa1d5e35ac24eb0ee51808843eeaee5f282cc055c3ad8152a2e605db/68747470733a2f2f6170692e736563757269747973636f726563617264732e6465762f70726f6a656374732f6769746875622e636f6d2f4f72616e67652d4f70656e536f757263652f4f72616e67652d426f6f737465642d426f6f7473747261702f6261646765)](https://scorecard.dev/viewer/?uri=github.com/Orange-OpenSource/Orange-Boosted-Bootstrap) What’s included --------------- [](#whats-included) Within the download you’ll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. Download contents``` @ouds/ ├── web-orange/ │ └── dist/ │ └── css/ │ ├── ouds-web-bootstrap.css │ ├── ouds-web-bootstrap.css.map │ ├── ouds-web-bootstrap.min.css │ ├── ouds-web-bootstrap.min.css.map │ ├── ouds-web-bootstrap.rtl.css │ ├── ouds-web-bootstrap.rtl.css.map │ ├── ouds-web-bootstrap.rtl.min.css │ ├── ouds-web-bootstrap.rtl.min.css.map │ ├── ouds-web-grid.css │ ├── ouds-web-grid.css.map │ ├── ouds-web-grid.min.css │ ├── ouds-web-grid.min.css.map │ ├── ouds-web-grid.rtl.css │ ├── ouds-web-grid.rtl.css.map │ ├── ouds-web-grid.rtl.min.css │ ├── ouds-web-grid.rtl.min.css.map │ ├── ouds-web-reboot.css │ ├── ouds-web-reboot.css.map │ ├── ouds-web-reboot.min.css │ ├── ouds-web-reboot.min.css.map │ ├── ouds-web-reboot.rtl.css │ ├── ouds-web-reboot.rtl.css.map │ ├── ouds-web-reboot.rtl.min.css │ ├── ouds-web-reboot.rtl.min.css.map │ ├── ouds-web-utilities.css │ ├── ouds-web-utilities.css.map │ ├── ouds-web-utilities.min.css │ ├── ouds-web-utilities.min.css.map │ ├── ouds-web-utilities.rtl.css │ ├── ouds-web-utilities.rtl.css.map │ ├── ouds-web-utilities.rtl.min.css │ ├── ouds-web-utilities.rtl.min.css.map │ ├── ouds-web.css │ ├── ouds-web.css.map │ ├── ouds-web.min.css │ ├── ouds-web.min.css.map │ ├── ouds-web.rtl.css │ ├── ouds-web.rtl.css.map │ ├── ouds-web.rtl.min.css │ └── ouds-web.rtl.min.css.map └── web-common/ └── dist/ └── js/ ├── ouds-web.bundle.js ├── ouds-web.bundle.js.map ├── ouds-web.bundle.min.js ├── ouds-web.bundle.min.js.map ├── ouds-web.esm.js ├── ouds-web.esm.js.map ├── ouds-web.esm.min.js ├── ouds-web.esm.min.js.map ├── ouds-web.js ├── ouds-web.js.map ├── ouds-web.min.js └── ouds-web.min.js.map ``` We provide compiled CSS and JS (`ouds-web.*`), as well as compiled and minified CSS and JS (`ouds-web.min.*`). [Source maps](https://web.dev/articles/source-maps) (`ouds-web.*.map`) are available for use with certain browsers’ developer tools. Bundled JS files (`ouds-web.bundle.js` and minified `ouds-web.bundle.min.js`) include [Popper](https://popper.js.org/docs/v2/). We also provide a compiled and minified CSS (`ouds-web-bootstrap.*` and `ouds-web-bootstrap.min.*`) enforcing Bootstrap compatibility. Bugs and feature requests ------------------------- [](#bugs-and-feature-requests) Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/.github/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/issues/new/choose). Documentation ------------- [](#documentation) OUDS Web’s documentation, included in this repo in the root directory, is built with [Astro](https://astro.build/) and publicly hosted on GitHub Pages at . The docs may also be run locally. Documentation search is powered by [Algolia’s DocSearch](https://docsearch.algolia.com/). ### Running documentation locally [](#running-documentation-locally) 1. Run `npm install` to install the Node.js dependencies, including Astro (the site builder). 2. Run `npm run dist` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets. 3. From the root `/ouds-web` directory, run `npm run start` in the command line. 4. Open or or in your browser, and voilà. Learn more about using Astro by reading its [documentation](https://docs.astro.build/en/getting-started/). ### Documentation for previous releases [](#documentation-for-previous-releases) You can find all our previous releases docs on . [Previous releases](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/releases) and their documentation are also available for download. Contributing ------------ [](#contributing) Please read through our [contributing guidelines](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/.github/CONTRIBUTING.md). 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](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/tree/main/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo). Editor preferences are available in the [editor config](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/.editorconfig) for easy use in common text editors. Read more and download plugins at . Versioning ---------- [](#versioning) For transparency into our release cycle and in striving to maintain backward compatibility, OUDS Web is maintained under [the Semantic Versioning guidelines](https://semver.org/). Sometimes we screw up, but we adhere to those rules whenever possible. See [the Releases section of our GitHub project](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/releases) for changelogs for each release version of OUDS Web. Our default branch is for development of our OUDS Web release. Creators -------- [](#creators) ### Bootstrap [](#bootstrap) **Mark Otto** - - **Jacob Thornton** - - Thanks ------ [](#thanks) [ ![BrowserStack](https://camo.githubusercontent.com/941d167418955d863ee5cb7b8e030514ab8bf23b2ffed99c298ce156741b7ca9/68747470733a2f2f6c6976652e62726f77736572737461636b2e636f6d2f696d616765732f6f70656e736f757263652f62726f77736572737461636b2d6c6f676f2e737667)](https://www.browserstack.com/)Thanks to [BrowserStack](https://www.browserstack.com/) for providing the infrastructure that allows us to test in real browsers! [ ![Netlify](https://camo.githubusercontent.com/a9142bb6cf3d990dd711a3d0bb504cdbfd92428b70ca75524ac8d5a21417d505/68747470733a2f2f7777772e6e65746c6966792e636f6d2f76332f696d672f636f6d706f6e656e74732f66756c6c2d6c6f676f2d6c696768742e737667)](https://www.netlify.com/)Thanks to [Netlify](https://www.netlify.com/) for providing us with Deploy Previews! Copyright and license --------------------- [](#copyright-and-license) Code and documentation copyright 2011-2026 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors). Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). OUDS Web code and documentation copyright 2015-2026 the [OUDS Web Authors](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/graphs/contributors) and [Orange SA](https://orange.com). Code released under the [MIT License](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). ### Health Score 58 — FairBetter than 98% of packages Maintenance59 Moderate activity, may be stable Popularity44 Moderate usage in the ecosystem Community34 Small or concentrated contributor base Maturity82 Battle-tested with a long release history Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~61 days Recently: every ~55 days Total 57 Last Release 262d ago Major Versions v4.5.2 → v5.0.0-alpha22020-09-30 v4.5.3 → v5.0.0-alpha32020-11-12 v4.6.0 → v5.0.0-beta22021-02-12 v4.6.1 → v5.2.0-beta12022-06-28 v4.6.2 → 5.2.32023-01-12 ### Community Maintainers ![](https://www.gravatar.com/avatar/2490e1b2f3342e6ad3a64828e7014986493789ba173401fee720cfd231a76181?d=identicon)[loic.laussel](/maintainers/loic.laussel) ![](https://www.gravatar.com/avatar/2487caa612c081dde5e4c216e1957bfdbf72f654cae1a6eef09b2c2e59da78bc?d=identicon)[julien-deramond](/maintainers/julien-deramond) ![](https://www.gravatar.com/avatar/51b0a439b7e85f627507df84705d302a4e3cb049cd2bface0e1bc835661a363d?d=identicon)[louismaximepiton](/maintainers/louismaximepiton) ![](https://www.gravatar.com/avatar/1d0d106243b1f2e7ad3fe62f269b98d5927600162fa73a6f0433e5415dade518?d=identicon)[vprothais](/maintainers/vprothais) --- Top Contributors [![ffoodd](https://avatars.githubusercontent.com/u/2890570?v=4)](https://github.com/ffoodd "ffoodd (1008 commits)")[![Lausselloic](https://avatars.githubusercontent.com/u/11272238?v=4)](https://github.com/Lausselloic "Lausselloic (784 commits)")[![ygatesoupe](https://avatars.githubusercontent.com/u/15139360?v=4)](https://github.com/ygatesoupe "ygatesoupe (452 commits)")[![julien-deramond](https://avatars.githubusercontent.com/u/17381666?v=4)](https://github.com/julien-deramond "julien-deramond (443 commits)")[![louismaximepiton](https://avatars.githubusercontent.com/u/91960143?v=4)](https://github.com/louismaximepiton "louismaximepiton (235 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (112 commits)")[![MaxLardenois](https://avatars.githubusercontent.com/u/189717053?v=4)](https://github.com/MaxLardenois "MaxLardenois (93 commits)")[![hannahiss](https://avatars.githubusercontent.com/u/16681352?v=4)](https://github.com/hannahiss "hannahiss (76 commits)")[![MewenLeHo](https://avatars.githubusercontent.com/u/92363071?v=4)](https://github.com/MewenLeHo "MewenLeHo (45 commits)")[![boosted-bot](https://avatars.githubusercontent.com/u/130566815?v=4)](https://github.com/boosted-bot "boosted-bot (25 commits)")[![nilloq](https://avatars.githubusercontent.com/u/2188371?v=4)](https://github.com/nilloq "nilloq (17 commits)")[![isabellechanclou](https://avatars.githubusercontent.com/u/89514509?v=4)](https://github.com/isabellechanclou "isabellechanclou (16 commits)")[![vprothais](https://avatars.githubusercontent.com/u/19549779?v=4)](https://github.com/vprothais "vprothais (12 commits)")[![Johann-S](https://avatars.githubusercontent.com/u/1689750?v=4)](https://github.com/Johann-S "Johann-S (7 commits)")[![Aniort](https://avatars.githubusercontent.com/u/13222389?v=4)](https://github.com/Aniort "Aniort (6 commits)")[![notabene](https://avatars.githubusercontent.com/u/664145?v=4)](https://github.com/notabene "notabene (4 commits)")[![duvalale](https://avatars.githubusercontent.com/u/16177191?v=4)](https://github.com/duvalale "duvalale (4 commits)")[![flegris-orange](https://avatars.githubusercontent.com/u/17474920?v=4)](https://github.com/flegris-orange "flegris-orange (4 commits)")[![B3nz01d](https://avatars.githubusercontent.com/u/62606284?v=4)](https://github.com/B3nz01d "B3nz01d (2 commits)")[![yannickcornaille](https://avatars.githubusercontent.com/u/13216887?v=4)](https://github.com/yannickcornaille "yannickcornaille (2 commits)") --- Tags bootstrapcsscss-frameworkdesign-systemhtmljavascriptsassscssframeworkwebcssJSsassbootstrapresponsivefront-endmobile-firstorange ### Embed Badge ![Health badge](/badges/orange-opensource-orange-boosted-bootstrap/health.svg) ``` [![Health](https://phpackages.com/badges/orange-opensource-orange-boosted-bootstrap/health.svg)](https://phpackages.com/packages/orange-opensource-orange-boosted-bootstrap) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.6k18.8M412](/packages/twbs-bootstrap)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.6k1.8M28](/packages/twitter-bootstrap)[zurb/foundation The most advanced responsive front-end framework in the world. 29.8k399.8k20](/packages/zurb-foundation)[coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 883124.8k4](/packages/coreui-coreui)[foundation/foundation-sites The most advanced responsive front-end framework in the world. 29.8k9.2k](/packages/foundation-foundation-sites)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 922.9M64](/packages/components-bootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)