Невозможно изменить размер Bootstrap open-iconic - PullRequest
Новая
       10

Невозможно изменить размер Bootstrap open-iconic

0 голосов
/ 13 ноября 2018

Я установил плагин open iconic и хочу изменить размер иконки В исходной библиотеке есть свойство для изменения размера, но оно не работает в версии для Bootstrap. Есть ли другой способ изменить размер шрифта?

https://useiconic.com/icons/resize/

  <div class="badge badge-primary badge-pill">
      <span class="oi oi-thumb-down"></span>
  </div>

1 Ответ

0 голосов
/ 09 июля 2019

Недавно наткнулся на open-iconic для реагирующей проблемы и увидел этот вопрос без ответа; для обычного (не реагирующего на JS) использования открытого значка, свойство font-size будет работать, как показано ниже;

рабочий фрагмент с начальной загрузкой v3: 

span {
  font-size: 30px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />

<span class="oi oi-sort-ascending"> </span>
<span class="oi oi-person"> </span>

рабочий фрагмент с начальной загрузкой v4: 

span {
  font-size: 30px;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha256-m/h/cUDAhf6/iBRixTbuc8+Rg2cIETQtPcH9D3p2Kg0=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />

<span class="oi oi-sort-ascending"> </span>
<span class="oi oi-person"> </span>
...