Как изменить размер кнопки со стандартного размера на sm на мобильном телефоне с помощью Bootstrap Vue? - PullRequest
Новая
       34

Как изменить размер кнопки со стандартного размера на sm на мобильном телефоне с помощью Bootstrap Vue?

0 голосов
/ 12 декабря 2018

У меня есть 

<b-button :size="''" :variant="primary">

На мобильном телефоне, я бы хотел, чтобы это было 

<b-button :size="sm" :variant="primary">

В обратном вызове mount () я попытался добавить прослушиватель window.resize, ноЯ должен жестко закодировать значения ширины устройства.Есть ли какой-либо метод, предоставляемый Bootstrap vue, который позволяет мне определять размер контрольных точек в коде.Была бы признательна за помощь

1 Ответ

0 голосов
/ 12 декабря 2018

Вы можете определить кнопку 2 раза.Один для мобильных и настольных.С помощью "d-hidden" вы можете скрыть элемент в области просмотра / ширине.

Читайте здесь: https://v4 -alpha.getbootstrap.com / layout / respive-utilities /

В качестве альтернативы вы можете использовать свойство экрана начальной загрузки, например: " d-none d-sm-block".Ничего не отображается, если ширина меньше, чем см.

Читать здесь: https://getbootstrap.com/docs/4.1/utilities/display/

Редактировать: Работает в обоих случаях (bootstrap / bootstrap-vue) - см. Здесь: https://bootstrap -vue.js.org / docs /ссылки / утилита-классы

...