Digitális kiadványok
  • Bevezető
  • Digitális kiadványok
    • Világhálóról dióhéjban
    • Online tervezőgrafika
    • Mi szükséges egy weboldal elindításához?
    • Webmotorok, tartalomkezelők, webshopok
    • Weblaptervezéshez szükséges ismeretek
  • HTML
    • Mi az a HTML?
    • HTML rövid története
    • HTML állomány felépítése
    • HTML elemek
    • HTML hibák, és javításuk
  • CSS
    • Mi az a CSS?
    • CSS stílusok felépítése
    • Kijelölők
    • Rangsor
    • Színek, színrendszerek
    • Mértékegységek
    • Doboz modell
    • Szövegek, szövegközi elemek
    • Úsztatás
    • Háttérszínek, háttérképek
    • Pozicionálás
    • @media
    • Rugalmas dobozok
  • CSS technikák
    • Középre rendezés
    • Konténer középre rendezése
    • Kör, ellipszis
    • Aránytartó téglalap, négyzet
    • Kép úsztatása szövegben
    • Vízszintes menü úsztatással
    • Layout kialakítása úsztatással
    • Clearfix
  • Bootstrap
    • Mi az a Bootstrap?
    • Kezdő lépések
    • Konténer elem
    • Grid rendszer
    • Tartalmak
    • Komponensek
    • Segédek
    • Egyedi megjelenés
  • VS Code
    • Mi az a VS Code?
    • VS Code beszerzése, telepítése
    • VS Code anatómiája
    • Emmet
  • Egyéb eszközök
    • W3C Validator
    • Google Fonts
    • Font Squirrel
    • Type Scale
    • Font Awsome
    • Glitch.com
  • eKönyv
    • Az eKönyvekről dióhéjban
    • ePub formátum
  • Függelék
    • Felhasznált irodalom
    • Tanulási alternatívák
    • Markdown szerkesztők, olvasók
    • Webmotorok
    • Kliens oldali keretrendszerek
    • Fejlesztéshez alkalmas számítógép konfiguráció
    • Visszajelzés, kapcsolat
Powered by GitBook
On this page
Export as PDF
  1. Bootstrap

Konténer elem

PreviousKezdő lépésekNextGrid rendszer

Last updated 5 years ago

A Bootstrap rendelkezik egy konténer elemmel, ez a legalapvetőbb elem, ezen alapszik a Bootstrap modulháló rendszere a grid.

A konténer elem felel a webes alkalmazásunk külső margójáért.

Konténer elemet úgy tudunk létrehozni, hogy egy HTML elemen elhelyezünk egy container osztályt. Ez az elem rendszerint egy div, de más elemeken is használható a container osztály.

<div class="container">
  <!-- Ide jön a középre zárt tartalom -->
</div>

container-fluid

Van egy alternatív változata, ami nem rendezi középre a tartalmat, viszont gondoskodik a jobb és bal oldali egységes eltartásról. Az alternatív konténert a container-fluid osztály hozza létre:

<div class="container-fluid">
  <!-- Ide jön a középre zárt tartalom -->
</div>