Как я могу использовать Глификоны в кнопке с Bootstrap?

Question

Как я могу использовать Глификоны в кнопке с Bootstrap?

-3

Я пытаюсь сделать типичную кнопку + / - с Bootstrap но я хочу использовать Glyphicons вместо Glyphicons + или.

Я знаю, что в официальной документации говорится:

Не смешивать с другими компонентами

Классы значков нельзя напрямую комбинировать с другими компонентами. Они не должны использоваться вместе с другими классами на одном и том же элементе. Вместо этого добавьте вложенный <span> и примените классы значков к <span>.

но я думаю, что это должен быть способ поставить Glyphicons на кнопку, и я не могу это вытащить.

Если нет, есть ли что-то для достижения такого же поведения?

Вот мой фрагмент кода.

Заранее спасибо!

Francisco Romero 13 фев. 2016, в 17:37

Источник

2

Что плохого в том, чтобы просто вставить элемент span в вашу кнопку, как сказано в документации…?
CBroe 13 фев. 2016, в 16:05

Теги:

twitter-bootstrap

html

2 ответа

0

<button class="btn btn-info" type="button"> <span class="glyphicon glyphicon-refresh"></span> </button>

Надеюсь это поможет :)

Amit K Khanchandani 13 фев. 2016, в 17:33

Ещё вопросы

Что плохого в том, чтобы просто вставить элемент span в вашу кнопку, как сказано в документации…?

Bjoern · Accepted Answer · 2016-02-13T16-25-00.000Z

Просто добавьте span -container где-нибудь внутри вашей button -container.

Что-то вроде этого...

<button type="button" class="btn btn-primary btn-lg"> 
  <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
</button>

<button type="button" class="btn btn-primary btn-lg">
  <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>

Большое спасибо! Это именно то, что мне было нужно :). Я думал, что Button groups должны быть лучшим вариантом, но теперь я вижу, что я ошибался. Еще раз большое спасибо :)