Div full-width com bootstrap

[mruoppolo 14]

Olá, tudo bem?

 

Estou desenvolvendo um site que ele é inteiro boxed, porém, ele tem uma única div que vai ter um slider que fica bem no meio do site que precisa ser full-width, então a estrutura seria a seguinte: Header (boxed) - Slider (full-width) - Content (boxed) pra poder fazer isto funcionar eu fiz o seguinte:

<div class="container">
   <div class="row">
      <div class="col-md-12">
          Aqui esta o header
       </div>
    </div>
</div>

<div class="row"> <!-- COLOQUEI DIRETO ROW SEM CONTAINER PRA ELE PEGAR A PÁGINA TODA -->
   <div class="col-md-12">
       AQUI ESTA O SLIDER
   </div>
</div>

<div class="container">
   <div class="row">
      <div class="col-md-12">
          Aqui esta o content
       </div>
    </div>
</div>

Porém quando eu faço isso a div fica um pouco maior que a tela, até aparece aquela scrollbar no rodapé do navegador, como eu faço pra resolver isso??

 

 

Obrigado

[rikaschmitt 54]

O bootstrap trabalha com uma classe para pegar toda a largura.

É a "container-fluid", usa ela, depois a row e as colunas, etc.

[mruoppolo 14]

rikaschmitt sabe que eu conhecia essa historia de fluid mas não sabia a diferença, kkkkk, mas era isso mesmo, valeu cara