Twitter 引导下拉菜单超出屏幕范围

2023-12-21

我想实现 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>

下拉菜单效果很好,我的下拉菜单位于屏幕右边缘旁边,当我单击下拉菜单切换时,列表会移到屏幕之外。它在屏幕上看起来像:

我该如何修复它?


adding .pull-right to ul.dropdown-menu应该这样做

弃用通知:从 Bootstrap v3.1.0 开始,.pull-right下拉菜单上是已弃用 http://getbootstrap.com/components/#dropdowns-alignment。要右对齐菜单,请使用.dropdown-menu-right.

弃用通知 2:从 Bootstrap v5 开始,.dropdown-menu-right已弃用。对于 Bootstrap v5,请使用.dropdown-menu-end https://getbootstrap.com/docs/5.0/components/dropdowns/#alignment-options.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Twitter 引导下拉菜单超出屏幕范围 的相关文章

  • 将父容器扩展至 100% 高度以容纳浮动内容

    我正在为一个客户项目而苦苦挣扎 我的全部divs 没有绝对定位 height 100 for html body 和容器divs 但静态内容未达到其内容 在 910 像素处 我可以将溢出属性更改为auto 并且背景会继续向下到内容的末尾 但
  • 使用deployJava.runApplet来定位特定元素

    经过多年成功维护一个使用旧有的小程序 嵌入Java小程序的方法 我们无法捂住耳朵唱 啦啦啦 不再了 是时候使用 deployJava runApplet 当我使用点击处理程序触发此方法时 此处通过 jQuery 在按钮上使用事件侦听器 但这
  • 如何隐藏 URL 中的锚标记

    如何隐藏地址栏中以下链接 href 的哈希值 a href index php dev name 所以它会将我重定向到index php dev name 但我希望地址栏只显示index php 您可以使用 Javascript oncli
  • 使用 CSS 自定义字体?

    我见过一些在其网站上使用自定义字体的新网站 除了常规的 Arial Tahoma 等 他们支持大量的浏览器 如何做到这一点 同时 如果可能的话 还会阻止人们免费下载该字体 一般来说 您可以使用自定义字体 font face在你的 CSS 中
  • CSS设置默认滚动位置

    有没有办法将滚动位置设置为默认值 我知道如何在 javascript 中做到这一点 例如使用 jquery div divWithScroll attr scrollTop 200 但我只想用CSS来做 我不知道是否可行 不 CSS 中没有
  • 如何倾斜 div 并保持背景图像不倾斜

    我已经花了几个小时了 所以希望有人能提供帮助 我有一个网站 其中大部分 div 都是倾斜的 大多数 div 都包含背景图像 现在我已经让 div 倾斜了 内容完美地位于其中 唯一的问题是背景图像 它与父级一起倾斜 我用谷歌搜索了很多 但找不
  • 如何在HTML中的PHP中注释掉HTML和PHP?

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗
  • Textmate“注释”命令对于 css 代码无法正常工作

    当我在 TextMate 中切换 CSS 源代码的注释时遇到一些问题 Using the shortcut CMD I activate the Comment Line Selection command from the source
  • 来自 JSON 的 Angular 8 动态表单

    我正在尝试从 JSON 模式递归生成动态表单 但我正在努力解决找不到表单控件的问题 这是代码示例 我收到这个错误 错误错误 找不到名称为 createdAt 的控件 我尝试了不同的方法 但仍然存在问题 我知道我错过了一些东西 所以请帮忙 任
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 如何将此 HTML 表格布局解决方案转换为浮动 div 解决方案?

    我经常需要列出各种尺寸的项目images在左边和text在右边 像这样 替代文本 http www deviantsart com upload 7s01l5 png http www deviantsart com upload 7s01
  • 如何为背景图像添加边距?

    我想向背景图像添加边距 以便将其与屏幕中间保持距离 但将其添加到该类中会为整个主体添加边距 body poppage background url Imagenes tip3 png 50 200px no repeat E2E4E9 我怎
  • W3C 验证器:“握手警报:unrecognized_name”

    我正在尝试验证我的网站W3C Nu Html 检查器 https validator w3 org nu doc https 3A 2F 2Fwww healthdrop in 2F但我遇到了以下错误 不知道为什么 IO 错误 握手警报 u
  • 如何通过php获取网页的Open Graph协议?

    PHP 有一个简单的命令来获取网页的元标记 get meta tags 但这仅适用于具有名称属性的元标记 然而 开放图谱协议如今变得越来越流行 从网页获取 opg 值的最简单方法是什么 例如 我看到的基本方法是通过 cURL 获取页面并使用
  • iOS7 中“-webkit-overflow-scrolling: touch” 最初的屏幕外元素被破坏

    既然转基因种子已经发布了 我们现在可以谈谈了 看起来 iOS7 中的 webkit overflow scrolling touch 已损坏 最初不在屏幕上的元素的触摸事件不会触发 或者在某些情况下只是不可靠 这是一个例子
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 如何获取 UIWebView 中元素的位置?

    我在 iPad 程序中加载了 html 的 UIWebView 通过使用 webkit column width 我将 html 分为几列 padding 0px height 1024px webkit column gap 0px we
  • 需要有关 React Js 的帮助

    我是 React Js 新手 我的代码无法正常工作 请看下面 这是我的脚本文件Main jsx 该文件由 React 编译 输出放置在 dist 文件夹下的 main js 文件中 var react require react react
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d

随机推荐

  • 如何配置gcc默认使用-no-pie?

    我想在Linux上编译以下程序 global start text start mov 1 rax mov 1 rdi mov msg rsi mov 13 rdx syscall mov 60 rax xor rdi rdi syscal
  • php 中的 $_SERVER 变量如何“防篡改”?

    通过信任 SERVER 变量数组的内容来使用 SERVER PHP SELF 获取 php 文件的名称 我会冒很大的安全风险吗 许多但不是全部 SERVER 变量都是攻击者控制的 https stackoverflow com questi
  • Sprockets::CircularDependencyError application.js 已经是必需的

    在我的应用程序中 我收到一个 Sprockets CircularDependencyError application js has not been required 这会影响我应用程序中的每个页面 因为没有 JS 加载 注意 此错误发
  • 在单元测试中创建 System.Web.Caching.Cache 对象

    我正在尝试为没有单元测试的项目中的函数实现单元测试 并且该函数需要 System Web Caching Cache 对象作为参数 我一直在尝试使用以下代码创建这个对象 System Web Caching Cache cache new
  • 如何访问 RealityKit 中 Reality Composer 的模型组件?

    我试图在我的代码中更改在 Reality Composer 中创建的文本实体的模型组件 但这就是 将 GUI 创建的实体转换为对具有模型组件的实体的引用失败 self entityReference scene realityCompose
  • Delphi记录如何自动初始化?

    为了初始化 Delphi 记录 我总是添加一个方法 类或对象 来初始化为已知的良好默认值 Delphi 还允许使用参数定义记录 构造函数 但您不能定义自己的无参数 构造函数 TSomeRecord record Value1 double
  • 我可以从我自己的自定义操作系统创建 LXC 映像吗?

    我是lxc的新手 我想从现有操作系统创建我自己的 lxc 容器 我自己的 unix 内核在不同架构中编译 我正在尝试使用 lxc create 谁能建议我如何创建自己的容器 是否可以使用这种方法创建一个容器 创建自己的容器后是否需要更改任何
  • 更改 Plotly 中的线条颜色

    如何在 Plotly 中设置线条的颜色 import plotly graph objects as go from plotly subplots import make subplots fig make subplots rows 2
  • Firebase iOS SDK - 使用 GoogleService-Info.plist 以外的配置文件会生成控制台警告

    我正在使用 Firebase 3 x SDK 运行一个应用程序 并希望有条件地使用不同的配置 plist 来指向不同的 Firebase 位置 具体取决于应用程序是否配置为开发还是生产 我正在尝试使用 FIRAppconfigureWith
  • AngularJS ng-重复性能

    我使用 AngularJS ng repeat 来查看我的表格元素 它不应该经常使用 我知道 但我不知道如何以其他方式做到这一点 这是我如何展示的示例容器对象表中 http jsfiddle net NfPcH 10390 http jsf
  • 访问反向关系上的 prefetch_lated 字段

    我有这个型号 class Animal models model name models CharField class Dog Animal field models IntegerField class Owner models mod
  • 处理 EINTR(使用 goto?)

    背景 这是一个后续问题这个线程 https stackoverflow com questions 2957759 using gprof with sockets关于在 C Linux GCC 中处理系统调用的 EINTR 无论我是否打算
  • 即使使用 User-Agent 标头,如何修复 Python 请求的“403 Forbidden”错误?

    我正在向某个 URL 发送请求 我将curl命令复制到python中 因此 所有标头都包含在内 但我的请求不起作用 并且我在 HTML 输出中收到状态代码 403 和错误代码 1020 代码是 import requests headers
  • 生成数字范围内的 N 个随机数的列表

    我想生成一个 n length 列表 其中包含定义范围内随机生成的数字 我想知道的是我是否缺少一些内置的东西 这些东西可以让我在未来以更Pythonic和更干净的方式做到这一点 感谢您的任何想法 In 59 from random impo
  • Python sympy无法求解多项式函数

    我在用 sympy 求解多项式函数时遇到问题 以下示例显示了一个给出我无法管理的错误消息的情况 如果多项式变得更简单 则求解器可以正常工作 请复制并粘贴代码以检查系统上的错误 import sympy from sympy import I
  • 销毁通过 Serverless 创建的资源而不销毁 Lambda 端点

    我在 serverless yml 文件中定义了以下资源 为我所有不同的发展阶段创建资源非常有用 resources Resources uploadBucket Type AWS S3 Bucket Properties BucketNa
  • Google Chrome PDF 查看器复选框不起作用

    我们在生成 PDF 的 Chrome PDF 查看器中遇到问题 其中复选框未更改状态 即被选中 并且当您按 TAB 键退出某些字段时 某些字段会丢失值 但当它们获得焦点时 值会再次显示 还有其他人经历过吗 如果是这样 对如何解决这个问题有什
  • mkdir() 在内部闪存中起作用,但在 SD 卡中不起作用?

    我目前正在构建一个文件管理应用程序 允许用户浏览其设备的文件系统 用户从根目录开始 的设备 但可以浏览到他们想要的任何位置 例如内部闪存或 SD 卡 该应用程序的关键要求之一是允许用户在任何地方创建新文件夹 像这样的功能对于应用程序来说非常
  • CSS - 悬停时平滑按钮渐变颜色过渡

    我有以下按钮 上面按钮的 CSS 是这样的 cta btn display inline block margin 20px 0 0 20px color fff background color FF8F1B background ima
  • Twitter 引导下拉菜单超出屏幕范围

    我想实现 twitter bootstrap 下拉菜单 这是我的代码 span class dropdown a href menu1 class dropdown toggle img class left src static img