camRoll Slider / Улучшение / Плагины Bootstrap

Версия: v1.0.2

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

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

Для Bootstrap: 3, 4

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

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

Вес файла: 34.8 Kb

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

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

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

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

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

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

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

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

Авторство: bootstraptema.ru

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

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

Теги: Plugin, слайдер, Slider, Bootstrap

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

Добавлено: 2019-06-20 в 16:43

Метка: 1582268765

⇄ ⇅

@media (max-width: 640px) {

#my-slider .crs-bar-roll-current {
 width: 38px;
 height: 38px;
 }

#my-slider .crs-bar-roll-item {
 width: 30px;
 height: 30px;
 }
} 
</style>

<h1 class="mx-auto my-2">camRoll Slider & BootstrapTema</h1>

<div id="my-slider" class="crs-wrap">
 <div class="crs-screen">
 <div class="crs-screen-roll">
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo11.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo13.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo17.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo19.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo21.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 <div class="crs-screen-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo29.jpg')">
 <div class="crs-screen-item-content"><h2>camRoll Slider & BootstrapTema</h2></div>
 </div>
 </div>
 </div>
 <div class="crs-bar">
 <div class="crs-bar-roll-current"></div>
 <div class="crs-bar-roll-wrap">
 <div class="crs-bar-roll">
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo11.jpg')"></div>
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo13.jpg')"></div>
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo17.jpg')"></div>
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo19.jpg')"></div>
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo21.jpg')"></div>
 <div class="crs-bar-roll-item" style="background-image: url('https://bootstraptema.ru/images/demo/1920x1080/demo29.jpg')"></div>
 </div>
 </div>
 </div>
 </div>

</div></div>

BootstrapTema

camRoll Slider

Скриншот

Подробнее

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

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

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