我想实现Twitter Bootstrap下拉菜单,代码如下:

<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>

下拉列表工作得很好,我的下拉列表放在屏幕右边,当我点击我的下拉列表切换时,列表就会移出屏幕.屏幕上看起来是这样的:

在此处输入图像描述

我怎么才能把它修好呢?

推荐答案

.pull-right加到ul.dropdown-menu应该可以做到这一点.

Deprecation Notice:从Bootstrap v3.1.0开始,下拉菜单上的.pull-rightdeprecated.要右对齐菜单,请使用.dropdown-menu-right.

Html相关问答推荐

使用位置时,dis会越过粘性导航栏:relative

HTML::Element endtag为br和IMG生成结束标签>

为什么我的网页底部是蓝色背景而不是渐变色?

根据屏幕大小拆分长行列表

OnChange函数未在下拉列表中使用一个选项触发

如何使用CSS创建文件夹选项卡的形状?

如何在R中渲染Quarto文档时动态设置html文件名

如何在VB.NET中用打印预览和直接打印的方式在Html中打印数据表的内容,包括页眉/设置纸张/方向/适合页面/总计

如何在css中在span中绘制圆弧?

主要元素内滚动时,固定导航栏会消失

表单中如何分别禁用/启用多个提交按钮?

防止HTML输入中出现负数但接受小数

如何使用 CSS 应用带有笔划的文本阴影?

如何调整底部有 SVG 的元素的高度,使其在所有宽度上看起来都不错?

从垫分页器中删除输入边框

单击按钮时更改字体真棒图标

删除按钮组件时 bootstrap col-auto 布局高度对齐中断

从右到左支持百分号

为什么将 p 元素的垂直边距设置为 1 px 会出现滚动条?

标题之间和之后的 Hr 线