--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/design/full-width-layouts' title: 'Uruchom sekcję od krawędzi do krawędzi | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T11:38:03+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Możesz pozwolić treści sekcji biec od krawędzi do krawędzi albo trzymać ją w pudle na środku, gdy tło wypełnia okno. Decyduje jeden przełącznik sekcji: Full width. Przykład buduje szarą sekcję z trzema kolumnami, potem włącza Full width, aby kolumny się rozciągnęły. Wypełnienia kolorem i zdjęciem opisano na stronie teł. Film buduje szarą sekcję z 3 kolumnami, potem pozwala jej treści biec od krawędzi do krawędzi. tags: - Ontwerpgidsen image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T11:38:03+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Uruchom sekcję od krawędzi do krawędzi' description: |- Możesz pozwolić treści sekcji biec od krawędzi do krawędzi albo trzymać ją w pudle na środku, gdy tło wypełnia okno. Decyduje jeden przełącznik sekcji: Full width. Przykład buduje szarą sekcję z trzema kolumnami, potem włącza Full width, aby kolumny się rozciągnęły. Wypełnienia kolorem i zdjęciem opisano na stronie teł. Film buduje szarą sekcję z 3 kolumnami, potem pozwala jej treści biec od krawędzi do krawędzi. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T11:38:03+0000' dateModified: '2026-10-24T11:38:03+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/design/full-width-layouts' articleSection: Ontwerpgidsen - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/design/full-width-layouts' description: |- Możesz pozwolić treści sekcji biec od krawędzi do krawędzi albo trzymać ją w pudle na środku, gdy tło wypełnia okno. Decyduje jeden przełącznik sekcji: Full width. Przykład buduje szarą sekcję z trzema kolumnami, potem włącza Full width, aby kolumny się rozciągnęły. Wypełnienia kolorem i zdjęciem opisano na stronie teł. Film buduje szarą sekcję z 3 kolumnami, potem pozwala jej treści biec od krawędzi do krawędzi. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Elementen stylen](/hc/documentation/learn-dxpr-builder/element-settings) /[Ontwerpgidsen](/hc/documentation/learn-dxpr-builder/design/overview) # Uruchom sekcję od krawędzi do krawędzi. Learn DXPR BuilderBuild pagesElementen stylenOntwerpgidsen ## In this guide Related guides - [Nadaj sekcji kolor, zdjęcie albo gradient tła](/pl/hc/documentation/learn-dxpr-builder/design/backgrounds) - [Działanie układu na telefonach](/pl/hc/documentation/learn-dxpr-builder/design/responsive-design) Możesz pozwolić treści sekcji biec od krawędzi do krawędzi albo trzymać ją w pudle na środku, gdy tło wypełnia okno. Decyduje jeden przełącznik sekcji: **Full width**. Przykład buduje szarą sekcję z trzema kolumnami, potem włącza **Full width**, aby kolumny się rozciągnęły. Wypełnienia kolorem i zdjęciem opisano na stronie [teł](/hc/documentation/learn-dxpr-builder/design/backgrounds). Film buduje szarą sekcję z 3 kolumnami, potem pozwala jej treści biec od krawędzi do krawędzi. ## Budowanie sekcji w pudle 1. Kliknij **Add Elements** w pustym obszarze treści i wybierz **Section** z karty **Layout**. 2. Najedź na sekcję, otwórz **More** i wybierz **Settings**. 3. Otwórz panel **Style** i wybierz jasnoszare **Background**. 4. Kliknij **Save**. Szarość już rozciąga się na okno. 5. Kliknij **+** na sekcji i wybierz **Row**. 6. Kliknij ikonę siatki na wierszu, wybierz kafelek z trzema równymi kolumnami i kliknij **Save**. 7. W każdej kolumnie kliknij **+**, wybierz **Text** z karty **Content**, wpisz **Heading 4** i jeden wiersz, a potem kliknij **Save**. Trzy kolumny znajdują się teraz w wyśrodkowanym pudle na szarym pasie. ## Włączenie Full width 1. Otwórz **More** na sekcji i wybierz **Settings**. 2. W panelu **General** włącz **Full width**. 3. Kliknij **Save**. 4. Kliknij **Save** na pasku narzędzi kreatora DXPR. 5. Otwórz menu widoku, ikonę oka na pasku narzędzi, i wybierz **Preview**. ## Co widzisz Szary pas wygląda tak samo jak wcześniej. Zmieniło się tylko pudło treści: pierwsza kolumna zaczyna się teraz przy lewej krawędzi sekcji, a ostatnia kończy przy prawej. Każda sekcja ma dwie części: element zewnętrzny niosący tło i wewnętrzne pudło trzymające wiersze. **Full width** zmienia tylko wewnętrzne pudło. Wyłączone jest wyśrodkowane z maksymalną szerokością; włączone rozciąga się do krawędzi sekcji. ## Ustawienia Panel **General** sekcji zawiera trzy przełączniki układu, wszystkie domyślnie wyłączone: | Ustawienie | Do czego służy | |---|---| | **Full width** | Wiersze wypełniają sekcję od krawędzi do krawędzi zamiast wyśrodkowanego pudła | | **100% height** | Sekcja ma co najmniej wysokość okna przeglądarki | | **Vertical centering** | Wiersze znajdują się w pionowym środku sekcji | Wiersze nie mają własnego ustawienia szerokości; decyduje sekcja. ## Dwa wzorce - **Tło od krawędzi do krawędzi, tekst w pudle**: typowe hero. Zostaw **Full width** wyłączone i ustaw tło w panelu **Style** albo **Background effects**. - **Treść od krawędzi do krawędzi**: pas kart albo obrazów. Włącz **Full width** i nadaj kolumnom trochę **Padding**, jeśli tekst znajduje się za blisko krawędzi okna. ## Jeśli nie widzisz zmiany - **Włączenie Full width nic nie zmienia.** Na wąskim ekranie, na przykład telefonu, wersja w pudle już wypełnia szerokość. Poszerz okno przeglądarki i spójrz ponownie. - **Tło nie sięga do krawędzi okna.** Twój motyw umieszcza treść strony w pudełkowym regionie, a sekcja może wypełnić tylko ten region. Wybierz w motywie pełnoszerokościowy układ strony albo region. - **Tekst dotyka krawędzi okna.** Tak działa **Full width**. Dodaj **Padding** w panelu **Style** kolumn albo zostaw **Full width** wyłączone. ## Co dalej? - [Wypełnienie sekcji kolorem, zdjęciem albo gradientem](/hc/documentation/learn-dxpr-builder/design/backgrounds): ostyluj pas za treścią. - [Działanie układu na telefonach](/hc/documentation/learn-dxpr-builder/design/responsive-design): kontroluj zachowanie kolumn na małych ekranach.