jQuery Page Tour / Улучшение / Плагины Bootstrap

Версия: v1.0.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 9.8 Kb

Уникальный ID: 2362

Посмотрели: 1664 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 37 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/crash83k/jquery-page-tour

Информация: Пользователям

Информация: Правообладателям

Теги: Bootstrap, Описание, Plugin, тур, Tour, jQuery

Поделился: BootstrapТема

Добавлено: 2017-09-14 в 17:04

Метка: 1583216137

⇄ ⇅

<h1 data-tour-description="This is the title of the page." data-tour-index="-1">jQuery Page Tour & BootstrapTema</h1>
<h3>Reference to the original responsive design plugins
 <a href="https://bootstraptema.ru/stuff/plugins_bootstrap/2">here</a>.</h3>
<div id="locations">
 <div class="city">
 <h2>London</h2>
 <p>London is the capital city of England.</p>
 <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million
 inhabitants.</p>
 <a href="#" data-tour-title="Link Button" class="btn btn-link">Boom!</a>
 </div>

<div class="city" data-tour-index="-10" data-tour-title="Card Type" data-tour-description="A card will usually be one of multiple similar type items on a page.">
 <h2>Paris</h2>
 <p>Paris is the capital of France.</p>
 <p>The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.</p>
 <a href="#" data-tour-index="1" data-tour-title="Primary Button" data-tour-description="I need a longer description for what this thing does." class="btn btn-primary">Boomer!</a>
 </div>

<div class="city" id="full-city">
 <h2 data-tour-title="Super Title!" data-tour-description="Obviously this is a title.">Tokyo</h2>
 <p>Tokyo is the capital of Japan.</p>
 <p>It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
 <a href="#" class="btn btn-default">Boomie!</a>
 </div>

<div class="city">
 <h2>New York</h2>
 <p>The City of New York is the most populous city in the United States.</p>
 <p>New York is an important center for international diplomacy and has been described as the cultural and
 financial
 capital of the world.</p>
 <a href="#" data-tour-title="Default Button" data-tour-index="2" data-tour-description="This is used the most." class="btn btn-default">Boomieist!</a>
 </div>
</div>

<div style="clear:both; padding:20px; text-align: center">
 <button id="start-tour" class="btn btn-primary">Start Tour</button>
 &nbsp;
 <button id="add-city" class="btn btn-default">Add City</button>
</div>

BootstrapTema

jQuery Page Tour

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0