Кнопки ленточки / Кнопки / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

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

Для Bootstrap: 3, 4

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

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

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

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

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

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

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

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

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

Авторство: http://u.to/JkF0DQ

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

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

Теги: Snippet, html, Button, сниппет, Bootstrap, кнопки

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

Добавлено: 2015-12-24 в 20:30

Метка: 1581766453

⇄ ⇅

<div class="container"><div class="row">
 
<div class="col-md-6">
<button type="button" class="btn btn-default ribbon">Default</button>
<button type="button" class="btn btn-primary ribbon">Primary</button>
<button type="button" class="btn btn-success ribbon">Success</button>
<button type="button" class="btn btn-info ribbon">Info</button>
<button type="button" class="btn btn-warning ribbon">Warning</button>
<button type="button" class="btn btn-danger ribbon">Danger</button>

</div>

<div class="col-md-3 ">
<button type="button" class="btn btn-default ribbon">Default</button>
<button type="button" class="btn btn-primary ribbon">Primary</button>
<button type="button" class="btn btn-success ribbon">Success</button>
<button type="button" class="btn btn-info ribbon">Info</button>
<button type="button" class="btn btn-warning ribbon">Warning</button>
<button type="button" class="btn btn-danger ribbon">Danger</button>

</div>

<div class="col-md-2 pull-right">
<button type="button" class="btn btn-default ribbon">Default</button>
<button type="button" class="btn btn-primary ribbon">Primary</button>
<button type="button" class="btn btn-success ribbon">Success</button>
<button type="button" class="btn btn-info ribbon">Info</button>
<button type="button" class="btn btn-warning ribbon">Warning</button>
<button type="button" class="btn btn-danger ribbon">Danger</button>

</div>
 
</div></div>

BootstrapTema

Кнопки ленточки

Скриншот

Подробнее

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

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

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