Semantic UI Bootstrap / Дизайн / Плагины Bootstrap

Версия: v3.1.2

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

Категория: Дизайн

Bootstrap: 3

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

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

Вес файла: 1.11 Mb

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

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

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

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

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

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

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

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

Авторство: https://github.com/cblweb/semantic-ui-bootstrap

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

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

Теги: design, Plugin, Style, Bootstrap

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

Добавлено: 2017-05-27 в 10:49

Метка: 1588859691

⇄ ⇅

<div class="col-sm-4">
 <div class="bs-component">
 <div class="card">
 <div class="card-image">
 <img src="https://bootstraptema.ru/plugins/2017/smtb/elliot.jpg">
 </div>
 <div class="card-content">
 <a class="card-header">Elliot Fu</a>
 <div class="card-meta">Joined at 2013</div>
 <div class="card-description">Elliot is a great game player.</div>
 </div>
 <div class="card-extra card-content">
 <a><i class="fa fa-user"></i> 22 Friends </a>
 </div>
 </div>
 </div>
 </div>
 <div class="col-sm-4">
 <div class="bs-component">
 <div class="card">
 <div class="card-content">
 <div class="pull-right">14h</div><img class="card-avatar card-image" src="https://bootstraptema.ru/plugins/2017/smtb/steve.jpg"> Steve</div>
 <div class="card-image">
 <img src="https://bootstraptema.ru/plugins/2017/smtb/image.png">
 </div>
 <div class="card-content">
 <span class="pull-right"><i class="fa fa-heart"></i> 17 likes </span>
 <i class="fa fa-comment"></i> 3 comments
 </div>
 <div class="card-extra card-content">
 <div class="input-group">
 <input class="form-control" type="text" placeholder="Add comment...">
 <div class="input-group-btn">
 <a class="btn btn-inverted btn-default"><i class="fa fa-paper-plane"></i></a>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 <div class="col-sm-4">
 <div class="bs-component">
 <div class="card">
 <div class="card-content">
 <img class="pull-right card-image card-avatar" src="https://bootstraptema.ru/plugins/2017/smtb/elliot.jpg">
 <div class="card-header">Elliot Fu </div>
 <div class="card-meta">Famous Singer</div>
 <div class="card-description">How do you think about the performance of Elliot on today's show?</div>
 </div>
 <div class="card-extra card-content">
 <div class="row-fluid card-btn">
 <a class="col-xs-4 btn btn-inverted btn-primary">Great</a>
 <a class="col-xs-4 btn btn-inverted btn-success">Good</a>
 <a class="col-xs-4 btn btn-inverted btn-danger">Bad</a>
 </div>
 </div>
 </div>
 </div>
 </div>

</div>

BootstrapTema

Semantic UI Bootstrap

Скриншот

Подробнее

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

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

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