• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap menu glyphicon

0 głosów
66 wizyt
pytanie zadane 20 marca 2017 w HTML i CSS przez Alterwar Mądrala (5,920 p.)

Witam,

Mam manu bootstrapa. Potrzebuję, aby nazwa w menu posiadała glyphicon, ale w kliknięcie w glyphicon rozwija mi wielepoziomwe menu a kliknięcie w nazwę przekierowuję do danego adresu. Dodałem span z data toggle jednak, po kliknięciu w glyphicon dodaję się klasa do znacznika "a", i menu się nie rozwija. Znowu jak data-toggle jest jest w znaczniku a, menu się rozwija ale do głownego odnośnika w menu można dostać się tylko poprzez otwarcie w nowej karcie. Mógłby ktoś zerknąć na kod i pomóc? Bo taka pierdoła a już z 2h siedze.

<li class="dropdown">
  <a href="<?php echo $this->baseUrl.'/'.$url;?>" class="nav-li-a"><?php echo $nazwa; ?>
     <span data-toggle="dropdown" class="dropdown-toggle glyphicon glyphicon-chevron-down"></span>
  </a>
<ul class="dropdown-menu" role="menu">

 

1 odpowiedź

0 głosów
odpowiedź 20 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
wybrane 21 marca 2017 przez Alterwar
 
Najlepsza

Tzn tak. Dlaczego listę punktowalną rozpoczynasz na dole? Dlaczego nie zamykasz znaczników?

CodePen

komentarz 20 marca 2017 przez Alterwar Mądrala (5,920 p.)
To jest wycinek z kodu, ponieważ mam to w pętlach :) wiem o zamknięciach itd :) Niestety nie wiem jak to rozwiązać
komentarz 20 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
A jaki efekt oczekujesz?

Co ma się pojawić?
komentarz 21 marca 2017 przez Alterwar Mądrala (5,920 p.)
Po kliknięciu "nazwa zakladki" przekierowanie pod "nazwa zakladki.html". Po kliknieciu w glyphicon otwarcie wielopoziomowego menu ;)
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
wywal znacznik <span> za </a>.
komentarz 21 marca 2017 przez Alterwar Mądrala (5,920 p.)
Znacznik <a> ma posiadac glyphicon i data-toggle? Nie zadziala w ten sposob.
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

Żródło - link

komentarz 21 marca 2017 przez Alterwar Mądrala (5,920 p.)
Znalazłem po źródle które mi podesłałeś, Split button dropdowns, dzięki.
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
Nie ma za co.

Podobne pytania

0 głosów
3 odpowiedzi 282 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez 23yes Użytkownik (520 p.)
0 głosów
4 odpowiedzi 491 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,190 p.)
0 głosów
1 odpowiedź 63 wizyt
pytanie zadane 11 grudnia 2017 w HTML i CSS przez Adrian1999 Nałogowiec (28,320 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.
Ciekawy innych porad? Odwiedź tę stronę!

45,544 zapytań

85,864 odpowiedzi

171,319 komentarzy

22,052 pasjonatów

Przeglądających: 308
Pasjonatów: 24 Gości: 284

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...