Sök…


Introduktion

Använd .container för en responsiv behållare med fast bredd.

Använd .behållarvätska för en behållare med full bredd som sträcker sig över hela utsiktsbredden.

behållare

.container har en fast bredd för varje skärmstorlek i bootstrap (xs, sm, md, lg);

.behållarvätska expanderar för att fylla den tillgängliga bredden.

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

Beroende på bredden på visningsområdet som webbsidan visas på ger behållarklassen dess div en specifik fast bredd.

Ditt .container-fluid-element, å andra sidan, kommer ständigt att ändra storlek när du gör även de minsta ändringarna i din webbläsares bredd.



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow