twitter-bootstrap相关内容

如何使用 CDN 在 bootstrap 4 中创建新断点?

我使用 BootstrapCDN.其他用 sass 编写并由 gulp 构建的样式.我需要创建自己的断点.如果我使用 CDN,是否可以制作它们?我不知道该怎么做.我必须创建这些断点: --breakpoint-xxxs: 0;--断点-xxs:320px;--断点-xs:568px;--断点-sm:667px;--断点-md:768px;--断点-lg:992px;--断点XL:1200像素;- ..

Bootstrap Carousel 中的 Youtube iframe - 在幻灯片上停止视频

我在一个页面上有一堆轮播,每个轮播都包含视频和图像.当用户通过单击一个轮播控件(左或右)退出视频时,我想停止播放 Youtube 视频. 我希望能够检测用户何时单击控件,根据当前正在播放的视频创建播放器,然后关闭该视频.在我看到的其他示例中,播放器是在 onYoutubeIframeAPIReady 函数中声明的,但我认为最好不要为页面上的每个视频动态创建播放器.现在,我得到了错误 Unc ..
发布时间:2022-01-19 12:01:28 其他开发

Rails 应用程序:使用 gem 与包含 Twitter Bootstrap 的源

我浏览了我的应用程序,当我通过 gem 包含 Twitter Bootstrap 源时,我无法找到它的确切位置.例如,如果我想查看 Bootstrap .css,我该如何找到它? 据我了解,将其作为 gem 包含的替代方法是直接下载并包含源代码,对吗?一种方法比另一种更好吗? 最后,如果我想修改 Bootstrap css,最好的方法是什么?如果我的应用程序中有源代码,我想我可以进去修 ..
发布时间:2022-01-18 17:49:30 其他开发

如何在网格系统引导程序中使用 wordpress 循环?

我想显示一个带状行,其中两列包含 wordpress 循环内容(标题,以绿色块表示)每一行都有白色和灰色背景的列,每行中的列都像国际象棋检查器一样反转. 查看图片了解更多详情. 解决方案 编辑答案 我相信这就是您正在寻找的.这会遍历您拥有的所有帖子,然后按照您的草图外观对它们进行排序. post_count;//检查帖子数量 ..
发布时间:2022-01-18 10:35:12 其他开发

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

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

改变 <h1> 的大小响应引导时的标记

当 标签在超小或小屏幕尺寸下,有什么办法可以改变它的文本大小吗? 因为 有自己的默认尺寸,对于中号来说是正常的,但对于小号和超小号来说非常大. 当它变为小屏幕尺寸或超小屏幕尺寸时,我想更改该尺寸. 解决方案 您可以创建一个自定义的 .css 文件(例如:site.css),然后使用 @media 在不同的屏幕尺寸.要在引导程序中覆盖 h1 类,您必须在引导程序之 ..

Facebook/Twitter Style 照片网格样式布局

我正在尝试实现 facebook 风格的照片网格布局.我为此使用了angularjs和bootstrap.我遇到了某些插件,例如 angular-masonry 我认为可以用于此目的.以下是我实际尝试实现以下可能布局的一些快照: 知道如何实现吗?有没有其他插件可以让生活更轻松? 解决方案 所有这些都是你的可能性: ngPhotoGrid 无缝响应式照片网格 free ..
发布时间:2022-01-18 10:11:13 前端开发

Bootstrap 3 - 对齐列高

为教育目的创建一个网站,但我遇到了网格/列高问题. 这是我要复制的网站图片:点我​​ 这是我到目前为止所得到的:点击我 我的问题是,在第一行我有两列 (col-sm-6),在第一列我嵌套了另一行并在其中创建了 2 个额外的列.但是,第二列似乎比第一列高.我尝试调整 img 大小,但它失去了我需要的响应能力. 希望有人理解我想说的话,我对 Web 开发真的很陌生.我希望有人可 ..
发布时间:2022-01-18 10:09:41 前端开发

带有折叠容器的引导网格

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

为什么 bootstrap 在 .span 上使用浮点数而不是 display: inline-block?

我正在修改自定义网格,并想看看其他人是如何创建他们的网格系统的.由于 twitter 的 bootstrap 似乎很受欢迎,所以我查看了它的代码.现在我想知道 他们为什么要使用浮点数? 我会使用 display: inline-block; html 元素有 display: inline; 或 >display: block; 我会尽量避免浮动.但出于某种原因,引导程序创建者决定使用浮点数.首先 ..
发布时间:2022-01-18 09:50:07 前端开发

带有引导网格系统的嵌套行?

我想要 1 个较大的图像和 4 个较小的图像,格式为 2x2,如下所示: 我最初的想法是将所有东西放在一排.然后创建两列,并在第二列中创建两行两列以创建 1x1 和 2x2 效果. 但是,这似乎是不可能的,还是我做的不对? 解决方案 Bootstrap Version 3.x 和往常一样,阅读 Bootstrap 的精彩文档: 3.x 文档:https://getb ..
发布时间:2022-01-18 09:40:11 前端开发

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

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