У меня есть список 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>
Ответ 1 · Zim
Поместите раскрывающийся список в <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
Ответ 2 · Ismail Farooq
возьмите родителя <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>
