Retirando Margens do Bootstrap
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.
Grato Renato Delivery-TI.
Celiol.
Curtidas 0
Respostas
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.
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
17/12/2015
Altere as propriedades que você deseja, definindo os novos valores, e adicione o operador !important na frente.
GOSTEI 0
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...
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.
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.
<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