Как сделать заголовок панели кликабельным с помощью бутстрапа?

Я пытаюсь создать веб-сайт для мобильных устройств, и я бы хотел, чтобы окно коллапса можно было щелкнуть, а не только текст.

Image

Я загрузил сайт. http://kristian-jacobs.dk/mobileapp/

Спасибо заранее.

Ответы

Ответ 1

Ну. Вот обходной путь. Самый простой способ - назначить display: block вашему элементу a, а затем настроить пиксельную область с помощью width и height в пикселях. Но установка фиксированной ширины и высоты может влиять на отзывчивый характер.

Более продвинутый и гибкий способ состоит в том, чтобы немного изменить структуру HTML, так как a будет внутри панели, а затем добавит display: block, но вместо установки фиксированных width и height вы может использовать процентили, так как зона с кликами наследует размер панели.

Пример FIDDLE с фиксированными размерами.

Ответ 2

На самом деле вам просто нужно добавить btn-block в качестве класса в тег a.