# Konténer elem

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

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

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LSEYzgzWkfyTKTyMlNA%2F-LSEZ2rg3WvHpt4Evk1M%2Flayout.png?alt=media\&token=37e8beb9-3919-4ed4-9962-f390e50d08bd)

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.&#x20;

```markup
<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: &#x20;

![ ](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LzwgEFLKZWr7u0A9Mqd%2F-LzwjCpQ_qx95WYTk7e3%2Fcolumn-fluid.png?alt=media\&token=c9a52b6e-9d74-4fc8-af4b-1b3273bef73d)

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