twitter-bootstrap-3相关内容

如何使用向左和向右箭头键在引导导航栏中导航

下面的html中定义了Bootstrap 3菜单系统。 如果菜单键盘打开,则按向左和向右箭头键将被忽略。 如何强制向左箭头打开上一个菜单,强制向右箭头打开下一个菜单板,就像在常规窗口菜单中一样? 在jQuery UI菜单栏中,左右箭头是这样工作的。如何让它们也在引导导航栏中工作? ..
发布时间:2022-07-03 11:14:45 前端开发

在引导数据库中对齐列。第一个切片需要很大

我想使用Bootstrap 3创建一组瓷砖。在页面加载时,我从服务器获得一个名称列表,并对这些名称执行Foreach操作以创建网格。现在,我已经实现了所有瓷砖的大小相等。它看起来像这样。 但我真正需要的是 第一个块需要是ol-6,剩余的ol-6需要由其中四个块占用,然后所有剩余的块都将是ol-3。 当数据循环通过时,我如何动态执行此操作? 这是我的现有代码,其中的磁贴大小相 ..
发布时间:2022-04-08 17:47:35 C#/.NET

如何在后台动态放置数据时调整网格列中的数据

我想从后端将地图放置在网格系统中我已经放置了地图,但以垂直方式放置。 但我的要求是基于它必须调整网格的数据(即地图数量) 例如如果映射是两个,则必须逐个显示两个映射,如果有4个,则必须在引导网格系统中显示第一行的两个映射和第二行的两个映射,依此类推。 .Component.html ..

如何将图标放置在图像上?

如何将FontAwese下载图标放置在图像上?我希望它在图像的左下角。当用户点击下载图标时,会出现一个提示,询问他们是否想要下载图像。 如下: 相关编码 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-03-31 23:23:01 前端开发

缺少引导下拉子菜单

Bootstrap 3 仍在 RC 中,但我只是在尝试实现它.我不知道如何放置子菜单类.即使在 css 中没有类,甚至新文档也没有提及它 它在 2.x 中,类名是下拉子菜单 解决方案 Bootstrap 5(2021 年更新) 添加一些 JavaScript 以防止子菜单在父下拉菜单打开时关闭.这可以通过切换 display:block... let dropdowns = ..

3 分箱不适合容器

在页面上:jerkydirect.com/base/opportunity - 包含图片的容器中有 3 个框.然而,当在大屏幕上观看时 - 最后一个框贴在右侧.它在较小的窗口或移动设备上看起来很棒,但在较大的屏幕上却不行.我如何让它正确对齐? 代码如下: 选择你的渴望: ..
发布时间:2022-01-24 20:59:10 前端开发

如果“数据目标"是 Bootstrap 3.3.7 安全可靠的?属性未使用?

Bootstrap 3.3 存在一个安全漏洞.7.它说“此软件包的受影响版本容易受到通过 data-target 属性的跨站点脚本 (XSS) 攻击."我想知道如果不使用“data-target"属性,v3.3.7 是否可以安全使用. 解决方案 只有在 data-target 值依赖于由外部(直接或间接)AND 显示在攻击者以外的其他用户受到影响的页面上. 换句话说,如果您的所有 d ..
发布时间:2022-01-19 12:53:25 其他开发

是否可以指定 16 列来引导 3

我有点困惑.我正在尝试将 boostrap 3 网格调整为 16 列. 我正在我的 variable.less 中更改这些变量: @grid-columns: 16;@gridColumnWidth: 32px;@gridGutterWidth:30 像素 但是当我检查我的 col-lg-12 类时,它仍然有 100% 的宽度. 解决方案 将此网格生成器添加为 *.less 文件 ..
发布时间:2022-01-18 10:40:08 其他开发

Bootstrap 响应式网格布局(3 列),每个网格元素下方具有折叠/隐藏的 col-12

我正在尝试使 100% 列显示在引导网格的列内的元素下方.由于使用图片更容易理解,因此我想实现以下目标: 选择一个图像(1到x)时,隐藏的div(每个不同的内容)应在完整的12列大小的图像下显示: 我设法做到了,但是,当使用较小的分辨率时,这个隐藏的 div 显示在第三个元素的下方,而不是元素 1 的下方.它应该是这样的: 很高兴得到一些帮助! 这里是实际版本的代码片段: ..
发布时间:2022-01-18 10:34:01 前端开发

带有折叠容器的引导网格

这是我在这里的第一个问题,希望您能帮助我.我正在尝试使用引导网格设置产品概述页面.我连续有 4 个产品用于大屏幕尺寸.对于较小的屏幕尺寸,我希望每行有 2 个产品. 诀窍是,我希望将产品详细信息放在行之间的折叠容器中,当我单击产品时,该容器会打开.它适用于具有 4 种产品的大屏幕尺寸.但是如何实现折叠的容器在我点击我的产品的行之后立即显示,与我每行有多少产品无关.在较小的尺寸上,折叠的容器在 ..

具有固定包装器的引导网格 - 防止列堆叠

正如标题所说,我正在尝试使用带有固定包装器的 Bootstrap 3 网格系统.但是当我调整浏览器的大小时,即使包装器保持相同的大小,列也会堆积起来? 顺便说一句:我使用的是第 3 版,以便在移植网站后可以切换到响应式布局.(这是巨大的,我一个人,所以一步一步是唯一的选择......) Bootstrap 101 模板 ..

“col-md-4"中数字的含义,"col-xs-1"、“col-lg-2"在引导程序中

我对新 Bootstrap 中的网格系统感到困惑,尤其是这些类: col-lg-*col-md-*col-xs-* (其中 * 表示某个数字). 谁能解释一下: 这个数字如何对齐网格? 如何使用这些数字? 它们实际代表什么? 解决方案 仅适用于 Bootstrap 3. 忽略字母(xs、sm、md、lg)现在,我将从数字开始...... 数字 (1-12) ..
发布时间:2022-01-18 09:38:33 前端开发

带有可滚动正文的 Twitter Bootstrap 3 模态

我正在从 Bootstrap 2 迁移到 Bootstrap 3.在旧版本中,我使用的是内容较长的模态框,当达到给定的最大高度时,模态框会自动滚动. 在 Bootstrap 3 中,模态只是扩展以显示整个内容,我必须使用向下翻页键才能真正到达它的末尾并查看模态页脚中的按钮.我无法使用浏览器窗口最右侧的滚动条,因为它被背景覆盖,而且无论如何滚动模态框中的内容都不直观. 如何在 boots ..