A criação de uma página paralaxe de largura total com Bootstrap envolve o uso de imagens de fundo, posicionamento e transformações CSS3. Veja como você pode conseguir isso:

Estrutura HTML

1. Crie uma estrutura HTML básica com uma seção `body` e `header`:

```html

```

Estilos CSS

2. Adicione os seguintes estilos ao seu arquivo CSS:

```css
/* Estilos principais */
corpo {
cor de fundo:#000;
}

cabeçalho {
imagem de fundo:url("caminho/para/image1.jpg");
anexo de fundo:fixo;
tamanho do fundo:capa;
repetição em segundo plano:sem repetição;
altura:100vh;
}

/* Estilos de paralaxe */
.parallax-container {
posição:relativa;
altura:100vh;
}

.camada de paralaxe {
posição:absoluta;
topo:0;
esquerda:0;
largura:100%;
altura:100%;
}

.parallax-layer--imagem {
anexo de fundo:fixo;
tamanho do fundo:capa;
repetição em segundo plano:sem repetição;
}

/* Efeitos de paralaxe */
@media (largura máxima:992px) {
.parallax-layer--imagem {
transformar:traduzir3d(0, 0, 0);
}
}

@media (largura mínima:992px) {
.parallax-layer--imagem {
transformar:traduzir3d(-50%, 0, 0);
}
}
```

Explicação

- O `body` é definido como preto como cor de fundo.

- O `header` possui uma imagem de fundo fixa, cobre toda a altura da viewport e não possui repetição.

- O `.parallax-container` possui uma posição relativa, permitindo que os elementos filhos sejam posicionados de forma absoluta dentro dele.

- A `.parallax-layer` está absolutamente posicionada, cobrindo todo o contêiner.

- O `.parallax-layer--image` possui uma imagem de fundo, é fixo, cobre toda a camada e não possui repetição.

- As consultas de mídia aplicam efeitos de paralaxe com base na largura da tela. Em larguras menores (dispositivos móveis), não há efeito de paralaxe, enquanto em larguras maiores (telas maiores), as imagens de fundo se movem na metade da taxa de rolagem, criando o efeito de paralaxe.

Uso

3. Dentro do `body`, adicione seções ou conteúdo adicional conforme desejado e envolva-os em um `.parallax-container`. Inclua imagens de fundo para cada seção como `.parallax-layer--image`.

```html

```

Conclusão

Combinando imagens de fundo fixas, posicionamento e transformações CSS3, você criou com sucesso uma página de paralaxe de largura total usando Bootstrap. Ajuste o CSS e o conteúdo conforme necessário para personalizar sua experiência de paralaxe.