Array
(
)

Retirando Margens do Bootstrap

Delivery-ti
   - 17 dez 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.

Flavix
   - 08 jan 2016

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.

0
|
0

Joel Rodrigues
   - 12 fev 2016

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

0
|
0

Delivery-ti
   - 24 fev 2016

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...

#Código
<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.

#Código
<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.

0
|
0