Блоки с наклейками / Блоки / Сниппеты Bootstrap

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

Категория: Блоки

Для Bootstrap: 3, 4

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

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

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

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

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

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

Рейтинг: 4.6 / 5 - 9 голосов

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

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

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

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

Теги: css, адаптивный, Snippet, блок, сниппет, Bootstrap, Responsive, Block

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

Добавлено: 2017-05-27 в 21:47

Метка: 1495910822

⇄ ⇅

<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
 
<div class="sticker-left" data-sticker="Information"><h1 class="text-center">BootstrapTema Block Snippet</h1></div>

<div class="sticker-right sticker-info" data-sticker="CSS">
<pre><code>
[class*="sticker"] {
 you css
}
</code></pre>
</div>

<div class="sticker-left sticker-danger text-center" data-sticker="Color Information">background: #d9534f</div>

<div class="sticker-right sticker-warning text-center" data-sticker="Color Information">background: #f0ad4e</div>

<div class="sticker-left sticker-success text-center" data-sticker="Color Information">background: #5cb85c</div>

<div class="sticker-right sticker-inverse text-center" data-sticker="Color Information">background: #222</div>

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

BootstrapTema

Блоки с наклейками

Скриншот

Подробнее

Похожие

Архив

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