Bootstrap Button Shine Effect / Кнопки / Сниппеты Bootstrap

Категория: Кнопки

Bootstrap: 3, 4

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

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

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

Количество символов:

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

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

Рейтинг: 4.5 / 5 - 8 голосов

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

Авторство: https://goo.gl/DWwLxx

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

Добавлено: 2017-09-30 в 17:19

Метка: 1506781180

⇄ ⇅

<div class="container">
<h1 class="text-center">Bootstrap Button Shine Effect</h1>
<div class="row ">

<div class="row pad-15">
 <div class="col-sm-3">
 <a href="#" class="btn btn-lg red">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-lg blue">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-lg orange">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-lg green">button</a>
 </div>
 </div>

<div class="row pad-15">
 <div class="col-sm-3">
 <a href="#" class="btn btn-sm red">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-sm blue">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-sm orange">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-sm green">button</a>
 </div>
 </div>

<div class="row pad-15">
 <div class="col-sm-3">
 <a href="#" class="btn btn-xs red">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-xs blue">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-xs orange">button</a>
 </div>

<div class="col-sm-3">
 <a href="#" class="btn btn-xs green">button</a>
 </div>
 </div>

</div>
</div>

BootstrapTema