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>

E, de alguma forma, num ficheiro CSS, Adiciona as propriedades do Bootstrap?

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?

Author: trubliphone, 2015-07-22

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/

 4
Author: sjm, 2015-07-21 23:55:09