CINXE.COM
Kubernetes
<!doctype html> <html lang="en" class=" no-js"><head> <meta name="robots" content="noindex, nofollow"> <link rel="alternate" hreflang="bn" href="https://kubernetes.io/bn/"> <link rel="alternate" hreflang="zh-cn" href="https://kubernetes.io/zh-cn/"> <link rel="alternate" hreflang="fr" href="https://kubernetes.io/fr/"> <link rel="alternate" hreflang="de" href="https://kubernetes.io/de/"> <link rel="alternate" hreflang="hi" href="https://kubernetes.io/hi/"> <link rel="alternate" hreflang="id" href="https://kubernetes.io/id/"> <link rel="alternate" hreflang="it" href="https://kubernetes.io/it/"> <link rel="alternate" hreflang="ja" href="https://kubernetes.io/ja/"> <link rel="alternate" hreflang="ko" href="https://kubernetes.io/ko/"> <link rel="alternate" hreflang="pl" href="https://kubernetes.io/pl/"> <link rel="alternate" hreflang="pt-br" href="https://kubernetes.io/pt-br/"> <link rel="alternate" hreflang="ru" href="https://kubernetes.io/ru/"> <link rel="alternate" hreflang="es" href="https://kubernetes.io/es/"> <link rel="alternate" hreflang="uk" href="https://kubernetes.io/uk/"> <link rel="alternate" hreflang="vi" href="https://kubernetes.io/vi/"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="generator" content="Hugo 0.121.2"> <link rel="alternate" type="application/rss+xml" href="https://kubernetes.io/feed.xml"> <link rel="shortcut icon" type="image/png" href="/images/kubernetes.png" /><link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64.png" /><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" /><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png" /><link rel="apple-touch-icon-256x256" href="/icons/apple-touch-icon-256x256.png" /><link rel="apple-touch-icon-196x196" href="/icons/apple-touch-icon-196x196.png" /><link rel="apple-touch-icon-192x192" href="/icons/apple-touch-icon-192x192.png" /><link rel="apple-touch-icon-180x180" href="/icons/apple-touch-icon-180x180.png" /><link rel="apple-touch-icon-167x167" href="/icons/apple-touch-icon-167x167.png" /><link rel="apple-touch-icon-160x160" href="/icons/apple-touch-icon-160x160.png" /><link rel="apple-touch-icon-152x152" href="/icons/apple-touch-icon-152x152.png" /><link rel="apple-touch-icon-120x120" href="/icons/apple-touch-icon-120x120.png" /><link rel="apple-touch-icon-76x76" href="/icons/apple-touch-icon-76x76.png" /><link rel="icon" type="image/png" href="/icons/icon-128x128.png" sizes=128x128><meta name="theme-color" content="#326de6" /> <title>Kubernetes</title><meta property="og:title" content="Production-Grade Container Orchestration" /> <meta property="og:description" content="Production-Grade Container Orchestration" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://kubernetes.io/" /> <meta itemprop="name" content="Production-Grade Container Orchestration"> <meta itemprop="description" content="Production-Grade Container Orchestration"><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Production-Grade Container Orchestration"/> <meta name="twitter:description" content="Production-Grade Container Orchestration"/> <link href="/scss/main.css" rel="stylesheet"> <link rel="manifest" href="/manifest.webmanifest"><script defer src="/js/zoom.js"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://kubernetes.io", "logo": "https://kubernetes.io/images/favicon.png", } </script> <meta name="theme-color" content="#326ce5"> <style> .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; } .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: col-resize; } #sidebarnav, #maindoc { max-width: 100%; } #maindoc { overflow-wrap: break-word; } @media (max-width: 768px) { #sidebarnav { padding-left: 15px; padding-right: 15px; } } </style> <meta name="description" content="Kubernetes, also known as K8s, is an open source system for automating deployment, scaling, and management of containerized applications. It groups containers that make up an application into logical units for easy management and discovery. Kubernetes builds upon 15 years of experience of running production workloads at Google, combined with best-of-breed ideas and practices from the community. Planet Scale Designed on the same principles that allow Google to run billions of containers a week, Kubernetes can scale without increasing your operations team."> <meta property="og:description" content="Kubernetes, also known as K8s, is an open source system for automating deployment, scaling, and management of containerized applications. It groups containers that make up an application into logical units for easy management and discovery. Kubernetes builds upon 15 years of experience of running production workloads at Google, combined with best-of-breed ideas and practices from the community. Planet Scale Designed on the same principles that allow Google to run billions of containers a week, Kubernetes can scale without increasing your operations team."> <meta name="twitter:description" content="Kubernetes, also known as K8s, is an open source system for automating deployment, scaling, and management of containerized applications. It groups containers that make up an application into logical units for easy management and discovery. Kubernetes builds upon 15 years of experience of running production workloads at Google, combined with best-of-breed ideas and practices from the community. Planet Scale Designed on the same principles that allow Google to run billions of containers a week, Kubernetes can scale without increasing your operations team."> <meta property="og:url" content="https://kubernetes.io/"> <meta property="og:title" content="Production-Grade Container Orchestration"> <meta name="twitter:title" content="Production-Grade Container Orchestration"> <meta name="twitter:image" content="https://kubernetes.io/images/favicon.png" /> <meta name="twitter:image:alt" content="Kubernetes"> <meta property="og:image" content="/images/kubernetes-horizontal-color.png"> <meta property="og:type" content="website"> <script src="/js/jquery-3.6.0.min.js" intregrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/split-1.6.0.js" intregrity="sha384-0blL3GqHy6+9fw0cyY2Aoiwg4onHAtslAs4OkqZY7UQBrR65/K4gI+hxLdWDrjpz"></script> <script defer src="/js/dismiss_banner.js"></script> </head> <body class="td-home cid-home"> <header> <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar" data-auto-burger="primary"> <a class="navbar-brand img-fluid" href="/"></a> <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar"> <ul class="navbar-nav mt-2 mt-lg-0"> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/docs/" >Documentation</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/blog/" >Kubernetes Blog</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/training/" >Training</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/partners/" >Partners</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/community/" >Community</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/case-studies/" >Case Studies</a> </li> <li class="nav-item mr-n3 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Versions </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/releases">Release Information</a> <a class="dropdown-item" href="https://kubernetes.io/">v1.31</a> <a class="dropdown-item" href="https://v1-30.docs.kubernetes.io/">v1.30</a> <a class="dropdown-item" href="https://v1-29.docs.kubernetes.io/">v1.29</a> <a class="dropdown-item" href="https://v1-28.docs.kubernetes.io/">v1.28</a> <a class="dropdown-item" href="https://v1-27.docs.kubernetes.io/">v1.27</a> </div> </li> <li class="nav-item mr-n4 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> English </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/bn/">বাংলা (Bengali)</a> <a class="dropdown-item" href="/zh-cn/">中文 (Chinese)</a> <a class="dropdown-item" href="/fr/">Français (French)</a> <a class="dropdown-item" href="/de/">Deutsch (German)</a> <a class="dropdown-item" href="/hi/">हिन्दी (Hindi)</a> <a class="dropdown-item" href="/id/">Bahasa Indonesia (Indonesian)</a> <a class="dropdown-item" href="/it/">Italiano (Italian)</a> <a class="dropdown-item" href="/ja/">日本語 (Japanese)</a> <a class="dropdown-item" href="/ko/">한국어 (Korean)</a> <a class="dropdown-item" href="/pl/">Polski (Polish)</a> <a class="dropdown-item" href="/pt-br/">Português (Portuguese)</a> <a class="dropdown-item" href="/ru/">Русский (Russian)</a> <a class="dropdown-item" href="/es/">Español (Spanish)</a> <a class="dropdown-item" href="/uk/">Українська (Ukrainian)</a> <a class="dropdown-item" href="/vi/">Tiếng Việt (Vietnamese)</a> </div> </li> <li class="search-item nav-item mr-n4 mr-lg-0"> <div class="search-bar"> <i class="search-icon fas fa-search"></i> <input type="search" name="q" data-search-page="/search/" class="search-input td-search-input" placeholder="Search this site" aria-label="Search this site" autocomplete="off" > </div> </li> </ul> </div> <button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button> </nav> <section class="header-hero text-white pb-4 light-text"> <div class="main-section"> <div id="headlineWrapper"> <h1>Production-Grade Container Orchestration</h1> </div> <a href="/docs/tutorials/kubernetes-basics/"><button id="quickstartButton" class="button">Learn Kubernetes Basics</button></a> </div> </section> </header> <section id="deprecation-warning"> <div class="content deprecation-warning pageinfo"> <h3> You are viewing documentation for Kubernetes version: v1.30 </h3> <p> Kubernetes v1.30 documentation is no longer actively maintained. The version you are currently viewing is a static snapshot. For up-to-date information, see the <a href="https://kubernetes.io/docs/home/">latest version.</a> </p> </div> </section> <div class="td-outer"> <main role="main" class="td-main" data-pagefind-body> <div class="col-sm-6 col-md-6 col-lg-6 mx-auto py-3"> <div class="search-bar"> <i class="search-icon fas fa-search"></i> <input type="search" name="q" data-search-page="/search/" class="search-input td-search-input" placeholder="Search this site" aria-label="Search this site" autocomplete="off" > </div> </div> <section id="section-1" class="k8s-overview"> <div class="main-section"> <div class="image-wrapper"><img src="/_common-resources/images/flower.svg" alt=""></div> <div class="content"> <p><a href="/docs/concepts/overview/">Kubernetes</a>, also known as K8s, is an open source system for automating deployment, scaling, and management of containerized applications.</p> <p>It groups containers that make up an application into logical units for easy management and discovery. Kubernetes builds upon <a href="http://queue.acm.org/detail.cfm?id=2898444">15 years of experience of running production workloads at Google</a>, combined with best-of-breed ideas and practices from the community.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/_common-resources/images/scalable.svg" alt=""></div> <div class="content"> <h4 id="planet-scale">Planet Scale</h4> <p>Designed on the same principles that allow Google to run billions of containers a week, Kubernetes can scale without increasing your operations team.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/_common-resources/images/blocks.svg" alt=""></div> <div class="content"> <h4 id="never-outgrow">Never Outgrow</h4> <p>Whether testing locally or running a global enterprise, Kubernetes flexibility grows with you to deliver your applications consistently and easily no matter how complex your need is.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/_common-resources/images/suitcase.svg" alt=""></div> <div class="content"> <h4 id="run-k8s-anywhere">Run K8s Anywhere</h4> <p>Kubernetes is open source giving you the freedom to take advantage of on-premises, hybrid, or public cloud infrastructure, letting you effortlessly move workloads to where it matters to you.</p> <p>To download Kubernetes, visit the <a href="/releases/download/">download</a> section.</p> </div> </div> </section> <section id="video" style="background-image: url(https://kubernetes.io/_common-resources/images/kub_video_banner_homepage.jpg); "> <div class="light-text"> <h2>The Challenges of Migrating 150+ Microservices to Kubernetes</h2> <p>By Sarah Wells, Technical Director for Operations and Reliability, Financial Times</p> <button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-open-source-summit-ai-dev-china/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon China on August 21-23</a> <br> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america-2024/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon North America on November 12-15</a> <br> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-india/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon India on December 11-12</a> </div> <div id="videoPlayer"> <iframe data-url="https://www.youtube.com/embed/H06qrNmGqyE?autoplay=1" frameborder="0" allowfullscreen></iframe> <button id="closeButton"></button> </div> </section> <section id="features"> <div class="main-section"> <h3 class="center">Kubernetes Features</h3> <div class="feature-box"> <div> <h4><a href="/docs/concepts/workloads/controllers/deployment/">Automated rollouts and rollbacks</a></h4> Kubernetes progressively rolls out changes to your application or its configuration, while monitoring application health to ensure it doesn't kill all your instances at the same time. If something goes wrong, Kubernetes will rollback the change for you. Take advantage of a growing ecosystem of deployment solutions. </div> <div> <h4><a href="/docs/concepts/services-networking/service/">Service discovery and load balancing</a></h4> No need to modify your application to use an unfamiliar service discovery mechanism. Kubernetes gives Pods their own IP addresses and a single DNS name for a set of Pods, and can load-balance across them. </div> </div> <div class="feature-box"> <div> <h4><a href="/docs/concepts/storage/persistent-volumes/">Storage orchestration</a></h4> Automatically mount the storage system of your choice, whether from local storage, a public cloud provider, or a network storage system such as iSCSI or NFS. </div> <div> <h4><a href="/docs/concepts/workloads/controllers/replicaset/#how-a-replicaset-works">Self-healing</a></h4> Restarts containers that fail, replaces and reschedules containers when nodes die, kills containers that don't respond to your user-defined health check, and doesn't advertise them to clients until they are ready to serve. </div> </div> <div class="feature-box"> <div> <h4><a href="/docs/concepts/configuration/secret/">Secret and configuration management</a></h4> Deploy and update Secrets and application configuration without rebuilding your image and without exposing Secrets in your stack configuration. </div> <div> <h4><a href="/docs/concepts/configuration/manage-resources-containers/">Automatic bin packing</a></h4> Automatically places containers based on their resource requirements and other constraints, while not sacrificing availability. Mix critical and best-effort workloads in order to drive up utilization and save even more resources. </div> </div> <div class="feature-box"> <div> <h4><a href="/docs/concepts/workloads/controllers/job/">Batch execution</a></h4> In addition to services, Kubernetes can manage your batch and CI workloads, replacing containers that fail, if desired. </div> <div> <h4><a href="/docs/tasks/run-application/horizontal-pod-autoscale/">Horizontal scaling</a></h4> Scale your application up and down with a simple command, with a UI, or automatically based on CPU usage. </div> </div> <div class="feature-box"> <div> <h4><a href="/docs/concepts/services-networking/dual-stack/">IPv4/IPv6 dual-stack</a></h4> Allocation of IPv4 and IPv6 addresses to Pods and Services </div> <div> <h4><a href="/docs/concepts/extend-kubernetes/">Designed for extensibility</a></h4> Add features to your Kubernetes cluster without changing upstream source code. </div> </div> </section> <section id="talkToUs"> <div class="main-section"> <h3 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">Case Studies</a></h3> <div id="caseStudiesWrapper"> <div> <img src="/case-studies/babylon/babylon_featured_logo.svg" alt="babylon_featured_logo.svg"> <p>"Kubernetes is a great platform for machine learning because it comes with all the scheduling and …"</p> <a href="/case-studies/babylon/">Read more</a> </div> <div> <img src="/case-studies/booz-allen/booz-allen-featured-logo.svg" alt="booz-allen-featured-logo.svg"> <p>"Kubernetes is a great solution for us. It allows us to rapidly iterate on our clients' demands. "</p> <a href="/case-studies/booz-allen/">Read more</a> </div> <div> <img src="/case-studies/booking-com/booking.com_featured_logo.svg" alt="booking.com_featured_logo.svg"> <p>"We realized that we needed to learn Kubernetes better in order to fully use the potential of it. At …"</p> <a href="/case-studies/booking-com/">Read more</a> </div> <div> <img src="/case-studies/appdirect/appdirect_featured_logo.svg" alt="appdirect_featured_logo.svg"> <p>"We made the right decisions at the right time. Kubernetes and the cloud native technologies are now …"</p> <a href="/case-studies/appdirect/">Read more</a> </div> </div> </div> </section> <section id="cncf"> <div class="main-section"> <center> <p style="font-size: 20px">We are a <a href="https://cncf.io/">CNCF</a> graduated project</p> </center> </div> </section> <section id="kubeweekly"> <div class="main-section"> <link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{clear:left; width:100%;} #mc_embed_signup .button, #mc_embed_signup input.email {margin-right:15px; vertical-align: bottom} </style> <br> <div id="mc_embed_signup"> <form action="https://kubeweekly.us10.list-manage.com/subscribe/post?u=3885586f8f1175194017967d6&id=11c1b8bcb2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <p style="font-size: 20px">Interested in receiving the latest Kubernetes news? Sign up for KubeWeekly.</p> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" aria-label="email" required> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" aria-label="Kube Weekly" style="color: #3371E3; font-weight: 400; font-size: 20px"></a></h5> </div> </div> </section> </main> </div> <footer class="d-print-none"> <div class="footer__links"> <nav> <a class="text-white" href="/docs/home/">Documentation</a> <a class="text-white" href="/blog/">Blog</a> <a class="text-white" href="/training/">Training</a> <a class="text-white" href="/partners/">Partners</a> <a class="text-white" href="/community/">Community</a> <a class="text-white" href="/case-studies/">Case Studies</a> </nav> </div> <div class="container-fluid"> <div class="row"> <div class="col-6 col-sm-2 text-xs-center order-sm-2"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="User mailing list" aria-label="User mailing list"> <a class="text-white" target="_blank" href="https://discuss.kubernetes.io"> <i class="fa fa-envelope"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="X(Twitter)" aria-label="X(Twitter)"> <a class="text-white" target="_blank" href="https://twitter.com/kubernetesio"> <i class="fab fa-x-twitter"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Calendar" aria-label="Calendar"> <a class="text-white" target="_blank" href="https://calendar.google.com/calendar/embed?src=calendar%40kubernetes.io"> <i class="fas fa-calendar-alt"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Youtube" aria-label="Youtube"> <a class="text-white" target="_blank" href="https://youtube.com/kubernetescommunity"> <i class="fab fa-youtube"></i> </a> </li> </ul> </div> <div class="col-6 col-sm-2 text-right text-xs-center order-sm-3"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="GitHub" aria-label="GitHub"> <a class="text-white" target="_blank" href="https://github.com/kubernetes/kubernetes"> <i class="fab fa-github"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Slack" aria-label="Slack"> <a class="text-white" target="_blank" href="https://slack.k8s.io"> <i class="fab fa-slack"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Contribute" aria-label="Contribute"> <a class="text-white" target="_blank" href="https://git.k8s.io/community/contributors/guide"> <i class="fas fa-edit"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Stack Overflow" aria-label="Stack Overflow"> <a class="text-white" target="_blank" href="https://stackoverflow.com/questions/tagged/kubernetes"> <i class="fab fa-stack-overflow"></i> </a> </li> </ul> </div> <div class="col-12 col-sm-8 text-center order-sm-2"> <small class="text-white">© 2024 The Kubernetes Authors | Documentation Distributed under <a href="https://git.k8s.io/website/LICENSE" class="light-text">CC BY 4.0</a></small> <br/> <small class="text-white">Copyright © 2024 The Linux Foundation ®. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href="https://www.linuxfoundation.org/trademark-usage" class="light-text">Trademark Usage page</a></small> <br/> <small class="text-white">ICP license: 京ICP备17074266号-3</small> </div> </div> </div> </footer> <script src="/js/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/popper-1.16.1.min.js" intregrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="/js/bootstrap-4.6.1.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script> <script src="/js/script.js"></script> <script src="/js/main.min.b8b5957f4ba9b582bc3696c8cbed20dde33f789d0fe3255f10fdc7adecf38b7e.js" integrity="sha256-uLWVf0uptYK8NpbIy+0g3eM/eJ0P4yVfEP3Hrezzi34=" crossorigin="anonymous"></script> <script> let splitInstance = null; function enableSplitter(mediaQuery) { if (mediaQuery.matches) { if (!splitInstance) { splitInstance = Split(["#sidebarnav", "#maindoc"], { sizes: [20, 80], minSize: 100, }); } } else { if (splitInstance) { splitInstance.destroy(); splitInstance = null; } } } const screenWidthMediaQuery = window.matchMedia("(min-width: 768px)"); const eleNav = document.getElementById("sidebarnav"); if (eleNav !== null) { enableSplitter(screenWidthMediaQuery); screenWidthMediaQuery.addListener(enableSplitter); } </script> </body> </html>