Próbuję utworzyć stronę internetową na urządzenia mobilne i chciałbym, żeby pole collapse było klikalne, a nie tylko tekst.Jak uczynić nagłówek panelu klikalnym za pomocą bootstrap?
Wysłałem witryny. http://kristian-jacobs.dk/mobileapp/
Z góry dziękuję.
Dobrze. Oto sposób obejścia tego problemu. Najprostszym sposobem jest przypisanie elementu display: block do elementu a, a następnie ustawienie obszaru klikalnego z width & height w pikselach. Ale ustawienie stałej szerokości i wysokości może mieć wpływ na wrażliwą naturę.
Bardziej zaawansowany i elastyczny sposób to zmienić nieco strukturę HTML, tak jak a będzie wewnątrz panelu, a następnie dodać display: block, ale zamiast ustawiania stałej width i height można użyć percentyla tak klikalny strefa dziedziczy rozmiar panelu.
FIDDLE example o stałych rozmiarach.
To działa. Dodałem blok bloków do bloków, i wciąż tylko klikam na link – kristian
@kristian Powinieneś dodać '' display: block'' nie do bloków, ale do elementu '' a'' takiego jak ten '' a {display : block;} '', a następnie dodaj '' width: Xpx; '' i '' height: Ypx; '' do selektora '' a''. Działa zarówno na twojej stronie, jak i na skrzypcach, sprawdź kod tam, jestem pewien, że mnie źle zrozumiałeś. – knitevision
Z jakiegoś powodu zadziałało. Dodałem ponownie blok . Dziękuję :) – kristian
Właściwie wystarczy dodać btn-block jako klasę do znacznika a.
Oh Dzięki, spróbuję tego :) To będzie sposób esier todo, przetestuje to później – kristian
Właśnie przetestowałem to z moją stroną i to pracowało. Jest to zdecydowanie najłatwiejsze, najprostsze rozwiązanie do kliknięcia całego nagłówka, a nie tylko linku. – MattD
To powinna być zaakceptowana odpowiedź. – timgavin
Prosimy o udostępnianie kodów, a nie stron internetowych. –
Jakie typy chcesz? Ponieważ mam wiele linii kodu i nie wiem, gdzie to zmienić. Chociaż możesz kliknąć prawym przyciskiem myszy i wyświetlić źródło strony i zobaczyć kod. – kristian
@kristian Ponieważ pytanie w poprzednim komentarzu pozostało bez odpowiedzi, oto odpowiedź: odtworzyć problem z jak najmniejszym możliwym kodem w skrzypcach lub czymś podobnym. W tym przypadku wystarczy podać nam najwyżej tyle kodu, ile jest w panelu przykładowy bootstrap zapewnia – mjohnsonengr