Chcę zaimplementować menu rozwijane bootstrap na Twitterze, oto mój kod:
<span class="dropdown">
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li class="divider"></li>
<li><a href="#">d</a></li>
</ul>
Rozwijane menu działa dobrze, moje menu jest umieszczone obok prawej krawędzi ekranu, a kiedy klikam przełącznik rozwijania, lista wychodzi poza ekran. Wygląda jak na ekranie:
Jak mogę to naprawić?