Cоздание меню аккордеона на Bootstrap3

Здравствуйте! Сегодня как я и обещал в прошлой статье я расскажу как в Bootstrap можно сделать блоки типа аккордеон. Это такие блоки которые могут показывать одну секцию открытой при этом скрывая все остальные за что и получили свое название аккордеон как одноименный музыкальный инструмент.

В Bootstrap есть плагин, который отвечает за плавное сворачивание и разворачивание блоков. Эта функция крайне удобна и может использоваться где угодно:

в навигации
для спойлеров
для блоков со скрытым текстом
свернутых пунктов меню
ответов на часто задаваемые вопросы

Из своего опыта могу сказать, что если ваш проект работает с использованием бутстрапа то collapse вы будете использовать постоянно. Плагин крайне прост в работе, не требует особой настройки и позволяет сворачивать любые блочные элементы. Сейчас я расскажу, как его использовать. Читать далее

как создать меню аккордеон на бутстрап

		Это интересно 0	Как всё будет выглядеть в блоге: Cоздание меню аккордеона на Bootstrap3 Здравствуйте! Сегодня как я и обещал в прошлой статье я расскажу как в Bootstrap можно сделать блоки типа аккордеон Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuternaya-gramotnost/14458607/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Cоздание меню аккордеона на Bootstrap3 </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! Сегодня как я и обещал в прошлой статье я расскажу как в Bootstrap можно сделать блоки типа аккордеон </div> </div> Cоздание меню аккордеона на Bootstrap3 <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuternaya-gramotnost/14458607/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Cоздание меню аккордеона на Bootstrap3</a> <div style="font-family:trebuchet MS;">Здравствуйте! Сегодня как я и обещал в прошлой статье я расскажу как в Bootstrap можно сделать блоки типа аккордеон </div> </div>

webguru

06.02.2018

В избранное Пожаловаться Просмотров: 661

Комментарии ⁰

Компьютерная грамотность 1406

Важные темы:

Активные участники:

Последние откомментированные темы:

Cоздание меню аккордеона на Bootstrap3

Комментарии временно отключены

Открытая группа
17418 участников