<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="google-site-verification" content="0SZu2K5e2QC8vPqRNvBBjjwz7MCQedhXvmJAVUntvhw" /><link rel="stylesheet" href="/assets/css/just-the-docs-default.css"><link rel="stylesheet" href="/assets/css/just-the-docs-head-nav.css" id="jtd-head-nav-stylesheet"><style id="jtd-nav-activation"> .site-nav ul li a { background-image: none; }</style><script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(103272137, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/103272137" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script src="/assets/js/just-the-docs.js"></script><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="/favicon.png" type="image/png"><title>Установка Битрикс | Два способа установки «Битрикс: Управление сайтом»: простая ознакомительная установка (BitrixVM) без программирования и установка для обучения и разработки в WSL/Docker с доступом к коду и админке.</title><meta name="generator" content="Jekyll v4.4.1" /><meta property="og:title" content="Установка Битрикс" /><meta property="og:locale" content="ru" /><meta name="description" content="Два способа установки «Битрикс: Управление сайтом»: простая ознакомительная установка (BitrixVM) без программирования и установка для обучения и разработки в WSL/Docker с доступом к коду и админке." /><meta property="og:description" content="Два способа установки «Битрикс: Управление сайтом»: простая ознакомительная установка (BitrixVM) без программирования и установка для обучения и разработки в WSL/Docker с доступом к коду и админке." /><link rel="canonical" href="https://docs-20158c.gitlab.io/assets/css/feedback-form.css" /><meta property="og:url" content="https://docs-20158c.gitlab.io/assets/css/feedback-form.css" /><meta property="og:site_name" content="Установка Битрикс" /><meta property="og:type" content="website" /><meta name="twitter:card" content="summary" /><meta property="twitter:title" content="Установка Битрикс" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","description":"Два способа установки «Битрикс: Управление сайтом»: простая ознакомительная установка (BitrixVM) без программирования и установка для обучения и разработки в WSL/Docker с доступом к коду и админке.","headline":"Установка Битрикс","url":"https://docs-20158c.gitlab.io/assets/css/feedback-form.css"}</script><link rel="stylesheet" href="/assets/css/custom.css?v=1759266074"><link rel="stylesheet" href="/assets/css/feedback-form.css?v=1759266074"><body> <a class="skip-to-main" href="#main-content">Skip to main content</a> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="svg-link" viewBox="0 0 24 24"><title>Link</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"><title>Menu</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"><title>Expand</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><title id="svg-external-link-title">(external link)</title><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line> </symbol> <symbol id="svg-copy" viewBox="0 0 16 16"><title>Copy</title><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/> </svg> </symbol> <symbol id="svg-copied" viewBox="0 0 16 16"><title>Copied</title><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/> </svg> </symbol> </svg><div class="side-bar"><div class="site-header" role="banner"> <a href="/" class="site-title lh-tight">bitrix-in-docker</a> <span class="text-epsilon ">bitrix: 24.0.796 | php: 8.3 </span> <button id="menu-button" class="site-button btn-reset" aria-label="Toggle menu" aria-pressed="false"> <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg> </button></div><nav aria-label="Main" id="site-nav" class="site-nav"><ul class="nav-list"><li class="nav-list-item"><a href="/" class="nav-list-link">Способы установки Битрикс</a><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="toggle items in Установка Битрикс для разработки (WSL/Docker) category" aria-pressed="false"> <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg> </button><a href="/installation/" class="nav-list-link">Установка Битрикс для разработки (WSL/Docker)</a><ul class="nav-list"><li class="nav-list-item"><a href="/installation/wsl/" class="nav-list-link">Установка WSL и Ubuntu (шаг 1)</a><li class="nav-list-item"><a href="/installation/docker/" class="nav-list-link">Установка Docker в Ubuntu WSL (шаг 2)</a><li class="nav-list-item"><a href="/installation/bitrix/" class="nav-list-link">Запуск проекта и Битрикс в Docker (шаг 3)</a></ul><li class="nav-list-item"><a href="/xdebug/" class="nav-list-link">Xdebug</a><li class="nav-list-item"><a href="/docker_commands/" class="nav-list-link">Команды docker</a><li class="nav-list-item"><a href="/links/" class="nav-list-link">Ссылки</a></ul></nav></div><div class="main" id="top"><div id="main-header" class="main-header"><div></div><nav aria-label="Auxiliary" class="aux-nav"><ul class="aux-nav-list"><li class="aux-nav-list-item"> <a href="https://gitlab.com/bitrix-in-docker/bitrix-in-docker" class="site-button" > GitLab </a></ul></nav></div><div class="main-content-wrap"><div id="main-content" class="main-content"><main> <h/* Карточка формы */ .form-card{ border:1px solid #e1e4e8; border-radius:12px; background:#fff; padding:1rem 1.25rem; max-width: 48rem; margin: 1.25rem 0; } .form-title{ margin:0 0 .25rem 0; font-weight:700; } .form-intro{ margin:0 0 .75rem 0; opacity:.9; } /* Сетка и поля */ .ux-form{ display:grid; gap:1rem; } .form-field{ display:grid; gap:.375rem; } .form-field label{ font-weight:600; } .req{ color:#d1242f; margin-left:.2em; } .hint{ opacity:.85; font-size:.9rem; } .code-hint{ margin:.25rem 0 0 0; } /* Инпуты */ .input, .textarea{ appearance:none; width:100%; border:1px solid #d0d7de; border-radius:10px; padding:.6rem .75rem; background:#fff; color:inherit; transition:border-color .15s ease, box-shadow .15s ease; } .input:focus, .textarea:focus{ outline:0; border-color:#0969da; box-shadow:0 0 0 3px rgba(9,105,218,.25); } .input:invalid, .textarea:invalid{ } /* Хонепот скрыт для людей, виден ботам */ .hp{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } /* Кнопки и состояние отправки */ .form-actions{ display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; } .muted{ color:#6e7781; } .ux-form.is-sending .btn{ pointer-events:none; opacity:.8; } .spinner{ display:none; margin-left:.5em; border:2px solid rgba(0,0,0,.15); border-top-color:rgba(0,0,0,.5); border-radius:50%; width:1em; height:1em; animation:spin .8s linear infinite; } .ux-form.is-sending .spinner{ display:inline-block; } @keyframes spin{ to{ transform:rotate(360deg) } } /* Сообщения */ .form-msg{ margin:.25rem 0 0 0; } .form-msg.ok{ color:#1a7f37; } .form-msg.err{ color:#d1242f; } /* Адаптив */ @media (max-width: 768px){ .form-card{ padding: .9rem 1rem; } } /* --- форма: дропзона и список файлов --- */ .dropzone{ position: relative; border: 2px dashed #d0d7de; border-radius: 12px; background: #f6f8fa; padding: 1rem; text-align: center; cursor: pointer; transition: background .15s ease, border-color .15s ease; } .dropzone .dz-ui svg{ width: 28px; height: 28px; opacity: .8; margin-bottom: .25rem; } .dropzone .dz-hint{ margin: 0; } .dropzone .dz-link{ text-decoration: underline; } .dropzone .dz-sub{ margin: .25rem 0 0; font-size: .9rem; opacity: .8; } .dropzone.is-hover{ background: #eef2f6; border-color: #0969da; box-shadow: 0 0 0 3px rgba(9,105,218,.2) inset; } /* скрываем реальный input, но оставляем доступность */ .file-input{ position:absolute; inset:0; opacity:0; cursor:pointer; } /* список файлов */ .files-list{ list-style:none; padding:0; margin:.5rem 0 0 0; display:grid; gap:.35rem; } .files-item{ display:flex; align-items:center; gap:.5rem; border:1px solid #e1e4e8; border-radius:10px; padding:.4rem .6rem; background:#fff; } .files-item .name{ flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .files-item .size{ color:#6e7781; font-size:.9rem; } .files-item .x{ border:0; background:#f3f4f6; width:1.6rem; height:1.6rem; line-height:1; border-radius:.4rem; cursor:pointer; } .files-item .x:hover{ background:#e5e7eb; } /* ==== FIX: ширина полей (десктоп фикс, мобилка 100%) ==== */ /* базовая ширина стека полей; поменяй под себя */ .form-card{ --field-w: 44rem; } /* растягиваем элементы сетки на всю колонку */ .ux-form{ display: grid; grid-template-columns: minmax(0, 1fr); /* важно: позволяет ужиматься */ justify-items: stretch; /* а не start */ } /* все «строки» формы той же ширины, но не шире контейнера */ .form-field, .input, .textarea, .dropzone, .files-list, .form-actions{ width: var(--field-w); max-width: 100%; box-sizing: border-box; } .form-field, .textarea, .dropzone{ min-height: 130px; } /* textarea: тянется на 100%, без горизонтального ресайза */ .textarea{ width: 100%; min-width: 0; /* критично для grid/flex, чтобы не мешал авто-минимум */ resize: vertical; /* только по высоте */ display: block; } /* мобильный фолбэк */ @media (max-width: 768px){ .form-card{ --field-w: 100%; } .form-field, .input, .textarea, .dropzone, .files-list, .form-actions{ width: 100%; } }</main><hr></div></div></div>
