Добавление всплывающих подсказок Bootstrap в метку формы

Я пытаюсь превратить tooltips в laravelcollective

<div class = "form-group col-sm-4">
  {!! Form::label('exchange_id', 'Exchanges:') !!}
  {!! Form::select('exchange_id', [''=>'Choose Options'] + $exchanges , null, ['class'=>'form-control', 'id'=>'exchange', 'name'=>'exchange_id',  'onchange' => 'all_function()'])!!}
</div>

В поле выбора выше {!! Form::label('exchange_id', 'Exchanges:') !!} я хочу поместить всплывающие подсказки Bootstrap, например Обмены?: с вопросительным знаком. Как я могу это сделать?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
1 606
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете добавить атрибут к тегу label, data-toggle = "tooltip" и title = "Exchanges ?"

<div class = "form-group col-sm-4">
 {!! Form::label('exchange_id', 'Exchanges:', ['data-toggle' => 'tooltip', 'title' => 'Exchanges ?']) !!}
 {!! Form::select('exchange_id', ['' => 'Choose Options'] + $exchanges, null, ['class' => 'form-control', 'id' => 'exchange', 'name' => 'exchange_id', 'onchange' => 'all_function()'])!!}
</div>

Нужен плагин начальной загрузки и используйте его

$(function () {
  $('[data-toggle = "tooltip"]').tooltip()
})

Подсказки: http://getbootstrap.com/docs/4.1/components/tooltips/

Демо: http://jsfiddle.net/xL1vteoj/

Я уже добавил bootstrap plugin, но не могу понять, как добавлять всплывающие подсказки на этикетке Exchanges:.

user9888683 20.07.2018 11:24

К сожалению, превышен лимит телевидения!

Jagjeet Singh 20.07.2018 11:40

попробуйте еще раз @Jagjeet Singh

user9888683 20.07.2018 11:41

Позвольте нам продолжить обсуждение в чате.

Jagjeet Singh 20.07.2018 11:41

Другие вопросы по теме