Bootstrap 3, max-width e projetos com width igual a 100%

Posted on by — Comments
image_pdfimage_print

No Twitter Bootstrap 3, é comum ver pessoas perguntando como podemos ter templates ocupando toda a largura da tela. (with Full-Width feature).

As pessoas sabem e ficam presas a máxima largura oferecida, que é de 1170px. Mas isto ocorre devido ao uso de elementos contidos dentro de um elemento com a classe ‘container’. Apenas mantendo o conteúdo fora deste container, fará com que o conteúdo ocupe 100% da largura da página.

<body>
    <div class="row">
        <div class="col-md-12">100% de largura - Drall</div>
    </div>
</body>
Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Default ThumbnailCSS – Comportamento em ambiente responsivo entre Max-width e elementos sem esta propriedade Default ThumbnailAdicionando borda a elemento div dimensionado com span em Twitter Bootstrap Default ThumbnailAngularJS 1.2 e Bootstrap 3 tabs Default ThumbnailIncompatibilidade entre o Twitter-bootstrap e o Google Maps Default ThumbnailAdicionar vídeo do Youtube como background de sua webpage Default ThumbnailObter o nome da tag de um elemento HTML utilizando jQuery Default ThumbnailPrevenindo a execução de ng-click aninhados no Angular.js Default ThumbnailProblemas com AngularJS e componente tab original do Bootstrap ou jQueryUI Default ThumbnailAcesso interno a atributos/métodos estáticos no PHP