2

Boa tarde, estou tentando trabalhar com bootstrap-sass e sass, porém, ao incluir um ícone na minha class, nada acontece. Logo abaixo segue a linha de código que representa a mesma, gostaria de saber se devo configurar alguma coisa a mais para poder usar as fontes do bs ou se estou fazendo algo de errado.

Obs.: Não sei se vem ao caso mas para o backend estou usando django 1.9.

@import "../vendor/bootstrap/assets/stylesheets/_bootstrap-sprockets.scss";
@import "../vendor/bootstrap/assets/stylesheets/_bootstrap.scss";


.tablestyle{
    @extend .col-md-6, .col-md-offset-2;
    .table{
        @extend .table, .table-striped;
        .info{
            @extend .btn, .btn-info, .btn-xs;
        }
        .edit{
            @extend .glyphicon, .glyphicon-edit;
        }
    }   
}
6
  • Se você usar somente a class do glyph, ele funciona? Diretamente a glyph class no html. Commented 16/01/2016 às 23:56
  • 1
    O Bootstrap já importa os glyphicons, então, você não precisa importar novamente, é só usar diretamente <span class="glyphicon glyphicon-edit></span>". Outra coisa é que no Bootstrap você referencia o glyphicon por glyphicon glyphicon-user, exemplo. Você não precisa do .scss nos seus @import. Veja isso: stackoverflow.com/questions/18369036/… Commented 17/01/2016 às 4:10
  • @CelsomTrindade já tentei isso e não funciona também.
    – dhelbegor
    Commented 17/01/2016 às 13:47
  • @EduardoAlmeida utilizei o que estava na question que tu me indicou, sobrescrevi o caminho do font-face e funcionou. obrigado!
    – dhelbegor
    Commented 17/01/2016 às 13:49
  • Fico feliz em ter ajudado! Commented 17/01/2016 às 13:50

1 Resposta 1

0

Consegui resolver o meu problema utilizando como base um comentário logo acima, apenas sobrescrevi o caminho do font face, então ele ficou assim:

@import "../vendor/bootstrap/assets/stylesheets/_bootstrap-sprockets.scss";
@import "../vendor/bootstrap/assets/stylesheets/_bootstrap.scss";

// font face
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../vendor/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.eot');
  src: url('../vendor/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('../vendor/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('../vendor/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('../vendor/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .