definir uma classe CSS personalizada que usa classes de 'bootstrap'
Todos,
Existe alguma forma de definir uma classe CSS personalizada que usa classes de bootstrap existentes?
por exemplo, considere o seguinte excerto HTML:
<div class="text-primary center-block">Here is some text</div>
o Bootstrap irá automaticamente torná-lo Azul e centrado e apresentado bloco. Mas adicionar todas essas aulas é muito para lembrar. Posso usar a minha própria aula?
<div class="my_class">Here is some text</div>
a única solução que me ocorre é usando JQuery assim:
$(document).ready(
function() {
$(".my_class").each(function() {
$(this).addClass("text-primary center-block");
});
}
);
Mas há uma solução melhor?
1 answers
Hi Sim, existe uma maneira melhor, se estiver a usar a versão menos Fonte do Bootstrap, poderá configurar as Classes do Bootstrap como menos Mixins, importando os menos ficheiros como referência
O que significa que podes configurar algo assim. .custom-class { .text-primary; center-block; }
Este post discute a técnica em detalhe:
Http://transmission.vehikl.com/using-bootstrap-as-a-semantic-mixin-library/