Los contenedores Bootstrap son soportes de contenido que se utilizan para alinear, agregar márgenes y relleno a su contenido. Bootstrap tiene tres clases de contenedores diferentes, a saber:
- .envase
- .contenedor-fluido
- .contenedor-{punto de interrupción}
El ancho de un contenedor varía de acuerdo con su clase. Podemos crear un contenedor de ancho completo en Bootstrap5 usando la clase «.container-fluid» . Establece el ancho del contenedor igual al 100% en todos los tamaños de pantalla. Esto significa que el contenedor abarca todo el ancho de la ventana gráfica.
Sintaxis:
<div class= ".container-fluid"> ... </div>
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href=
"https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
integrity=
"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin="anonymous" />
<style>
.gfg {
background-color: green;
color: white;
text-align: center;
}
</style>
</head>
<body>
<div class="container-fluid gfg">
<h2>GeeksforGeeks</h2>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por riyakalra59 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA