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 (desktop), há um efeito de paralaxe com as imagens de fundo se movendo lentamente conforme você rola.

Uso

3. Dentro de `body`, adicione elementos `div` adicionais com as classes `.parallax-container` e `.parallax-layer` para criar seu conteúdo de paralaxe:

```html

```

Ao adicionar mais elementos `.parallax-container` e `.parallax-layer`, você pode criar várias seções de paralaxe com imagens diferentes.

Observação: As imagens usadas para paralaxe devem ser de alta resolução e grandes o suficiente para cobrir a janela de visualização sem distorção.