Какой плагин bootstrsap3 на маленьких экранах для больших блоков делает кнопку скрытия/раскрытия этого блока?

Question

[timtimIT]

Здравствуйте.

Какой плагин bootstrsap3 на маленьких экранах делает для больших блоков делает кнопку скрытия/раскрытия этого блока?

Comments

[copal]

cоllaps?

[timtimIT]

несовсем...

Answer 1

[Виктор Куликов]

Какого "этого" блока?

У bootstrap есть 4 размера сетки
xs sm md lg (от меньшего к большему)

Соответственно можно скрывать и показывать элементы для разных размеров сетки с помощью классов
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg и соотвественно .visible-xs, .visible-sm, .visible-md, .visible-lg.

Подробно про сетку можно почитать тут getbootstrap.com/css/#grid

Что касается про скрытие и показывание блоков есть плагин Сollapse
Подробнее о нем тут getbootstrap.com/javascript/#collapse

Comments

[timtimIT]

Мне нужно при маленьких экранах скывать блок и чтобы вместо него появлялась кнопка(такая-же как при скрытии .nav .navbar) которя будет его открывать...

[timtimIT]

(такая-же как у .nav .navbar на маленьких экранах)

[Виктор Куликов]

Все верно. Именно на этих классах (см выше) устроена эта часть в навигации. Скрыли большой блок на маленьком экране с помощью .hidden-xs, другой блок с кнопкой показа показли с помощью класса .visible-xs. И на кнопку настроили плагин collapse который будет делать то, чт овам нужно.

[Виктор Куликов]

Есть еще класс .sr-only, о нем можно почитать по ссылке из ответа

[timtimIT]

Спасибо! Но у меря почему-то блок не становится видимым...

<div class="hidden-sm hidden-md hidden-lg"><a data-toggle="collapse" href="#links-collapse" aria-expanded="false" aria-controls="links-collapse">button</a></div>
					
<div class="gallery_links_list hidden-xs collapse" id="links-collapse">

Answer 2

[Антон Натаров]

Используйте Collapse на блоке.

Offical Bootstrap3 RUS

Answer 3

[Андрей Рабой]

здесь https://youtu.be/H0shTeUxUlI?list=PLypd1VrGv7FPokh...