Выпадающий список связанных элементов Bootstrap

У меня есть список Bootstrap (связанные элементы) на моей странице, например:

<div class="list-group">
  <a href="#" class="list-group-item">One</a>
  <a href="#" class="list-group-item">Two</a>
  <a href="#" class="list-group-item">Three</a>
</div>

Я пытаюсь включить раскрывающийся список внизу списка. Пока мне не удалось этого добиться и найти адекватный ответ в Google или SO.

Пробовал это решение, но раскрывающийся список не стал неотъемлемой частью списка:

<a class="dropdown-toggle" data-toggle="dropdown" href="#"><?php echo $year; ?>
<span class="caret"></span></a>
<ul class="dropdown-menu">
  <?php while ($row = $myvar->fetch()) {;?>
      <li role="presentation"><a href="#"><?php echo $row['year']; ?> </a></li>
  <?php } ?> 
</ul>


list dropdown twitter-bootstrap-3
person ChrVik    schedule 09.05.2017    source источник
comment
Вы взяли div с выпадающим списком классов в качестве родителя?   -  person Ismail Farooq    schedule 09.05.2017
comment
см. bootply.com/keRCt11XVj   -  person Ismail Farooq    schedule 09.05.2017

Ответы (2)


arrow_upward
0
arrow_downward

Поместите раскрывающийся список в <div class="list-group-item">...

<div class="list-group">
  <a href="#" class="list-group-item">One</a>
  <a href="#" class="list-group-item">Two</a>
  <a href="#" class="list-group-item">Three</a>
  <div class="list-group-item">
    <a class="dropdown-toggle" href="" data-toggle="dropdown">Link <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li role="presentation"><a href="#">text</a></li>
    </ul>
  </div>
</div>

http://www.bootply.com/gOI82wBTTf

person Zim    schedule 09.05.2017

arrow_upward
0
arrow_downward

возьмите родителя <div> с выпадающим списком классов и попробуйте

Например

<div class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"><?php echo $year; ?> <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <?php while ($row = $myvar->fetch()) {;?>
          <li role="presentation"><a href="#"><?php echo $row['year']; ?> </a></li>
      <?php } ?> 
    </ul>
</div>
person Ismail Farooq    schedule 09.05.2017