我有一个下拉菜单,它在它下面打开一排图标(见图 1,名称和图片已被删除以保护隐私)
我正在尝试使此菜单在选择子项的右侧打开,而不是在其下方(参见图 2,我想要获得的内容。图像将在下拉列表的右侧打开,而不是在其下方)
我目前的代码是:
<div class="span4">
<div class="btn-group">
<a class="btn btn-link dropdown-toggle" data-toggle="dropdown" href="#">
<h3>Choose Child</h3>
<img id="mainIcons" src="boyStudent.png" alt="boyStudent">
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li>
<div class="btn-group">
<a href="parent_homepage_2.html" style="text-align:center;" class="btn btn-link operationsButtons">
<h5>A</h5>
<img id="mainIcons" src="boyStudent.png" alt="boyStudent"></a>
<a href="parent_homepage_2.html" style="text-align:center;" class="btn btn-link operationsButtons">
<h5>J</h5>
<img id="mainIcons" src="girlStudent.png" alt="girlStudent"></a>
</div>
</li>
</ul>
我尝试使用以下示例,这有助于将下拉菜单向左推 如何使 twitter 引导子菜单在左侧打开? 但我想不出一种方法来使用它来做我想做的事情
谢谢