Pinterest style for Bootstrap / Блоки / Сниппеты Bootstrap

Версия: v1.0.1

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

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

Bootstrap: 3

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

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

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

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

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

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

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

Рейтинг: 3.8 / 5 - 10 голосов

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

Авторство: Посмотреть

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

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

Теги: Responsive, Snippet, Pinterest, Bootstrap

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

Добавлено: 2017-04-13 в 20:47

Метка: 1566192561

⇄ ⇅

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

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/dve-devushki-dnevnoi-son.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/1.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Вася</h5>
 <small><a href="//drawings-girls.ucoz.net/blog/" target="_blank">Рисунки девушек</a></small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/malenikaia-volshebnica-s-knigami.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/2.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Петя</h5>
 <small>Маленькая волшебница!</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/devushka-v-joltom-nariade-s-toporom.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/3.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Гриша</h5>
 <small>Прикольная красотка</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/devushka-so-svireliu.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/4.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Саша</h5>
 <small>Вот тоже неплохая + хвост)))</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/devushka-samurai-s-lucom.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/5.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Ваня</h5>
 <small>Хорошенькая картинка</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/metallicheskaia-devushka-robot-s-mechem.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/6.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Миша</h5>
 <small>Держите мою тоже</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/bolotnaia-devushka.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/7.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Ирина</h5>
 <small>А вот тоже красивая картинка</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/lico-devochki-s-babochkami.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/8.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Галя</h5>
 <small>Фантастическая девчёнка</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/devushka-s-cvetami-na-kachelah.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/9.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Оля</h5>
 <small>Наладил бы с ней контакт)))</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/blondinka-kosmicheskii-mushketer.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/10.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Вера</h5>
 <small>А это Вам от меня в подарок!</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/krasivaia-blondinka-v-belom-platie.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/11.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Оксана</h5>
 <small>А как Вам вот эта?</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/vostochnaia-devushka-v-krasivom-platie.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/12.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Света</h5>
 <small>Да и эта неплохая!</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/devushka-biorobot-v-vode.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/13.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Настя</h5>
 <small>Прикольный робот</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/lico-devushki-v-vodoroslyah.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/14.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Лера</h5>
 <small>Присоединяюсь со своей картинкой...</small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/krasivii-risunok-devushki-elfa.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/15.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Андрей</h5>
 <small>Вот нашол на сайте <a href="//drawings-girls.ucoz.net/blog/" target="_blank">Рисунки девушек</a></small>
 </div>
 </div>
 </li>
 </ul>

<ul class="list-group">
 <li class="list-group-item">
 <a href="javascript:;">
 <img src="https://drawings-girls.ucoz.net/2015/04/lico-devushki-v-shleme-s-mechom.jpg" />
 </a>
 </li>
 <li class="list-group-item">
 <button type="button" class="btn btn-default btn-xs" title="thumb up"><span class="glyphicon glyphicon-thumbs-up"></span></button>
 <button type="button" class="btn btn-default btn-xs" title="thumb down"><span class="glyphicon glyphicon-thumbs-down"></span></button>
 <button type="button" class="btn btn-default btn-xs pull-right" title="pin"><span class="glyphicon glyphicon-pushpin"></span></button>
 </li>
 <li class="list-group-item">
 <div class="media">
 <div class="media-left">
 <a href="javascript:;">
 <img class="media-object img-rounded" src="https://bootstraptema.ru/snippets/icons/2016/mia/16.png" />
 </a>
 </div>
 <div class="media-body">
 <h5 class="media-heading">Алёша</h5>
 <small>Хороший набор получился!!!</small>
 </div>
 </div>
 </li>
 </ul>

</script>

BootstrapTema

Pinterest style for Bootstrap

Скриншот

Подробнее

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

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

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