White Accordion Bootstrap / Элементы / Сниппеты Bootstrap

Версия: v1.0

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

Категория: Элементы

Bootstrap: 3

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

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

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

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

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

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

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

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

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

Авторство: http://goo.gl/VzSAIc

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

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

Теги: Snippet, сниппет, Bootstrap, Accordion, element, Responsive, элемент, html, адаптивные

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

Добавлено: 2016-05-12 в 16:07

Метка: 1581149022

⇄ ⇅

<div class="panel panel-default">
 <div class="panel-heading" role="tab" id="headingOne">
 <h4 class="panel-title">
 <a class="" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 <i class="fa fa-bars"></i>Accordion 1
 </a>
 </h4>
 </div>
 <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
 <div class="panel-body">
Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона.
 </div>
 </div>
 </div>

<div class="panel panel-default">
 <div class="panel-heading" role="tab" id="headingTwo">
 <h4 class="panel-title">
 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 <i class="fa fa-link"></i>Accordion 2
 </a>
 </h4>
 </div>
 <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
 <div class="panel-body">
Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона.
 </div>
 </div>
 </div>

<div class="panel panel-default">
 <div class="panel-heading" role="tab" id="headingThree">
 <h4 class="panel-title">
 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 <i class="fa fa-comment"></i>Accordion 3
 </a>
 </h4>
 </div>
 <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
 <div class="panel-body">
Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона. Это текст для демонстрации секций аккордиона.
 </div>
 </div>
 </div>

</div>

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

BootstrapTema

White Accordion Bootstrap

Скриншот

Подробнее

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

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

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