Isolando o Bootstrap de CSS e evitando conflitos

É comum que haja conflitos de CSS ao utilizarmos algum bootstrap. dentro de uma página existente com outros estilos já definidos.

É possível isolar seu bootstrap de CSS para que ele atue a partir de uma DIV específica, como no exemplo abaixo:

Como isolar meu  CSS bootstrap ?

  • Instale o Node.JS em seu computador: http://nodejs.org/
  • Agora iremos instalar um processador de CSS que fará o isolamento:

  • Crie um diretório vazio, e copie seus arquivos de CSS do boostrap para dentro deste diretório:

  • Dentro deste diretório adicionar o arquivo “prefix.less” com o seguinte conteúdo

Cada linha corresponde ao seu arquivo de boostrap que será feito o isolamento.

  • Abra o CMD (Windows) ou Terminal (Linux), vá até o diretório criado acima e execute o seguinte comando:

Foi gerado um novo arquivo de CSS, “boostrap-iso.css”.

Agora basta incluir este arquivo em sua página, e adicionar a class=”bootstrap-iso” na DIV que desejar aplicar o bootstrap.

 


Warning: Missing argument 1 for cwppos_show_review(), called in /home/masterdaweb/public_html/blog/wp-content/themes/flat/content-single.php on line 29 and defined in /home/masterdaweb/public_html/blog/wp-content/plugins/wp-product-review/includes/legacy.php on line 18

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *