bootstrap-konkon — HTML 企业官网模板

SHA-256: 712552c6e89e1aadb5873c966af06d95c66974462dab9add391a83aeb3a3ae47

2026-10-11T18:52:19.169Z

# Bootstrap: Studio KonKon Theme

[![License: MIT](https://img.shields.io/github/license/StudioKonKon/bootstrap-konkon?style=flat-square)](https://opensource.org/licenses/MIT)
[![GitHub package.json version](https://img.shields.io/github/package-json/v/StudioKonKon/bootstrap-konkon?style=flat-square)](https://github.com/StudioKonKon/bootstrap-konkon)
[![GitHub file size in bytes](https://img.shields.io/github/size/StudioKonKon/bootstrap-konkon/dist/css/studio-konkon.min.css?label=CSS%20min%20size&style=flat-square)](https://github.com/StudioKonKon/bootstrap-konkon)
[![GitHub file size in bytes](https://img.shields.io/github/size/StudioKonKon/bootstrap-konkon/dist/js/studio-konkon.min.js?label=JS%20min%20size&style=flat-square)](https://github.com/StudioKonKon/bootstrap-konkon)
[![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/StudioKonKon/bootstrap-konkon/dev/bootstrap?label=Bootstrap&logo=bootstrap&logoColor=%23fff&style=flat-square)](https://github.com/twbs/bootstrap)
[![](https://data.jsdelivr.com/v1/package/gh/StudioKonKon/bootstrap-konkon/badge)](https://www.jsdelivr.com/package/gh/StudioKonKon/bootstrap-konkon)

### About
A personal project I intend to use as a theme for my own website(s) but available for others to use if they wish either for their own content or for educational purposes. Site address: https://play.studiokonkon.com/

[![Netlify Status](https://api.netlify.com/api/v1/badges/a1dd7898-1c03-4aeb-aa6f-7524bc687ca4/deploy-status)](https://play.studiokonkon.com/)

### Usage
- Install dependencies with npm: `npm install`
- To view documentation, use [GoHugo](https://gohugo.io/)

### Other Links
- Theme experiments: https://codepen.io/collection/AKjdRW
- jsDelivr: https://www.jsdelivr.com/package/gh/StudioKonKon/bootstrap-konkon
- [Bootstrap Migrating to v5.3.0](https://getbootstrap.com/docs/5.3/migration/)

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/K3K1FA259)

## Dark Mode Support

No dark mode!?

Bootstrap already supports "Dark Mode", however, any changes and custom components I create is not tested for use in "Dark Mode" and may not support it either.

I'm sorry but I won't be planning any testing or support for dark mode. It's not that I hate it but simply that dark mode causes eye strain and it's difficult for me to work with. It only takes up to 3 seconds and I get an instant migraine, blurred vision and feeling sick.

Light mode has never been an issue and even in the dark, light mode does not burn my eyes as others claim happens to them (maybe they have their brightness set at 100% or at least above 40%). I've already seen a doctor and optician and they say it's simply the shape of the eye, how light enters and how the brain processes that light; There's nothing I can do about it except wear darkened glasses that darkens white text on black. Kind of pointless, really.

Unfortunately, dark mode is impossible for me to work with and neither do I need it. This is only a personal project but anyone is welcome to share their "Dark Mode" code.

## Thanks

<a href="https://getbootstrap.com/">
  <img src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap logo" width="48" height="40">
</a>

Thanks to [Bootstrap](https://getbootstrap.com/) for providing the framework that allows us to create our website themes and layouts

<a href="https://www.netlify.com/">
  <img src="https://www.netlify.com/v3/img/components/full-logo-light.svg" alt="Netlify" width="147" height="40">
</a>

Thanks to [Netlify](https://www.netlify.com/) for providing us with Deploy Previews!

## Copyright and license
Code released under the [MIT License](https://github.com/StudioKonKon/bootstrap-konkon/blob/master/LICENSE).

### Disclaimer
<b>The use of Bootstrap in our content is unofficial and not approved or endorsed by Bootstrap nor is it associated or connected to Bootstrap.</b> "Bootstrap" "Bootstrap logo" are intellectual properties and branding of Bootstrap, Copyright &copy; Bootstrap, MIT. <b>Netlify</b> and their respective logos are trademarks or registered trademarks of Netlify. Copyright &copy; Netlify All Rights Reserved. <b>Studio KonKon</b> and our respective logos are intellectual properties or trademarks of Studio KonKon. Copyright &copy; Studio KonKon, All Rights Reserved.