Скрываемая панель / AngularJS / Сниппеты Bootstrap

Версия: v1.0.1

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

Категория: AngularJS

Для Bootstrap: 3

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

Язык: Русский

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

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

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

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

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

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

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

Авторство: bootstraptema.ru

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

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

Теги: бутстрап, панель, ангулар, Angular, Bootstrap, сниппет, Panel, Snippet, angularjs

Поделился: aTmpl

Добавлено: 2015-11-27 в 13:59

Метка: 1582178164

⇄ ⇅

<div class="container" ng-app="myApp">
 <div class="panel-group col-sm-6 col-sm-offset-3" id="accordion">
 <div class="panel panel-default">
 <div class="panel-heading" data-parent="#accordion" data-target="#collapseOne" data-toggle="collapse" role="button">
 <h4 class="panel-title">
 Название панели
 <i class="fa fa-chevron-down fa pull-right"></i>
 </h4>
 </div>

<div class="panel-heading" data-parent="#accordion2" data-target="#nestedCollapseOne" data-toggle="collapse" role="button">
 <h4 class="panel-title">
 Название панели
 <i class="fa fa-chevron-down fa pull-right"></i>
 </h4>
 </div>
 
 <div bs-collapse class="panel-collapse collapse in" id="nestedCollapseOne" role="tabpanel">
 <div class="panel-body">
<img src="http://drawings-girls.ucoz.net/2015/08/devushka-s-dlinnimi-kosami-v-lesu.jpg" class="img-responsive" alt="Демо картинка" />
 </div>
 </div>

</div>
 </div>

</div>

function bsCollapse() {
 var $ = window.$;
 
 var directive = {
 restrict: 'EA',
 link: linkFunc,
 };

return directive;

BootstrapTema

Скрываемая панель

Скриншот

Подробнее

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

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

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