Retirando Margens do Bootstrap

.NET

Front-end

17/12/2015

Galera alguem aqui sabe como eu faço para tirar as margens do boostrap quero que ele seja responsivo porem utilize o layout todo ele ocupa muito da tela para um layout que tenho que trabalhar e nao estou gostando disso, ja ate tentei dar uma mexida mas medias queries mas deu uma grande bagunçada, alguem ja fez ou tem alguma dica por favor?

Grato Renato Delivery-TI.
Celiol.

Celiol.

Curtidas 0

Respostas

Flavia Santos

Flavia Santos

17/12/2015

Quando preciso adequar um css costumo rodar a página no Google Chrome e aperto a tecla F12.
Assim tenho acesso a página montada e css ao mesmo tempo.
Consigo ver as classes q estão sendo aplicadas em cada parte da página e alterá-las sem problemas. Ao alterá-las é aplicado automaticamente à pagina a correção que fiz.
Quando a página esta do jeito que eu quero, salvo o css modificado...

Fica mais fácil assim saber onde cada item q vc mexer vai influenciar.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

17/12/2015

Altere as propriedades que você deseja, definindo os novos valores, e adicione o operador !important na frente.
GOSTEI 0
Celiol.

Celiol.

17/12/2015

O Joel tudo bem cara aqui Miller, então eu resolvi aqui cara pequei o bootstrap para dar uma estudada e examinei alguns componentes, estava criando a estrutura de uma página da seguinte maneira...

  <div class=container>
      <div class=row>
           <div class=col-xs-12>
                               //aqui entra todo o conteudo do site
            </div>
       </div>
   </div>


Então dessa maneira esta "errado" caso o site a ser desenvolvido deva ocupar toda a pagina, a propriedade container você deve usar quando quiser colocar algum item bem no centro da pagina que não for texto, pois para os textos temos o 'text-center' e que o container por padrão deixa uma margem nas laterais iguais.

A estrutura para que você possa utilizar toda a página é simples ao invés de iniciar a estrutura do site com a propriedade 'container' vamos trocar por 'col-xs-12' pois se vemos na documentação essa propriedade quem toma conta de toda uma linha, no framework do bootstrap ai sua estrutura vai ficar assim.

    <div class=col-xs-12>
      <div class=row>
                      //aqui entra todo o conteudo do site
       </div>
   </div>


E dessa maneira não precisamos mais chamar a propriedade 'row' umas vez definida ela já atribui para todo o conteúdo dentro dela ai temos que trabalhar apenas no estruturação da pagina.

Bem galera espero que tenham entendido e isso resolveu o problema aqui pra ocupar toda a pagina.
GOSTEI 0
POSTAR