草庐IT

statistics-bootstrap

全部标签

javascript - 带有响应式 HTML5 视频的 Bootstrap 轮播?

我正在尝试用视频制作轮播。使用图像效果很好,即使在移动View中图像也能响应。但是对于视频,宽度是响应式的,而不是高度。基本上我想用旋转木马图像但用视频实现相同的效果。我在网上尝试了很多技巧,但没有人这样做。我的视频是1024/552px尽我所能演奏fiddle。您可以看到,如果您以较小的宽度加载fiddle,它会保持相同的高度并且没有响应,但轮播/视频的宽度是(尽管它会在两侧裁剪视频)。它没有与图像相同的行为。正如您将看到的,我在第二张幻灯片中包含了一张图片,以进一步说明我的问题。https://jsfiddle.net/687bsb21/1/代码如下:Yourbrowserdoes

jquery - Bootstrap 3 更新会在 Bootstrap 对话框打开或关闭时摇动 UI。我怎样才能摆脱这种行为?

我观察到当Bootstrap对话框打开时,html的body标签跟随css。我认为这是导致UI摇晃的原因。我怎样才能摆脱这种奇怪的行为。我创造了fiddle。但是这个问题不是在那里产生的。但在我的本地环境中,我能够重现这一点。JSFiddle 最佳答案 只需将此添加到您的CSS中:.modal-open{padding-right:0px!important;} 关于jquery-Bootstrap3更新会在Bootstrap对话框打开或关闭时摇动UI。我怎样才能摆脱这种行为?,我们在S

html - 跨浏览器日期选择器组件(与移动和桌面浏览器兼容)和 Bootstrap

是否有适用于移动浏览器(Android、iOS、Windows手机)和标准浏览器的日期选择器库?如果它与Bootstrapcss兼容,并且它可以尽可能回退到本地html5日期字段,那将是完美的。请推荐一些东西。我试过了-webshims(在Android和IE中损坏)-pickadate(对它的行为不满意) 最佳答案 JQueryUI是你的friend...这是一个示例vardatefield=document.createElement("input")datefield.setAttribute("type","date")if

jquery - Bootstrap 网格系统,列太长

所以我正在为我的应用程序写一些前端,我意识到前一行和下一行之间存在间隙,因为其中一个网格元素太长,在尝试嵌套行后我仍然无法让它工作。下面是它的外观示例:https://jsfiddle.net/kkotwal94/f6d9dp98/embedded/result/ProfileMyInfoDashboardProfile{firstName+""+lastName}'sProfile{"FirstName:"+firstName}{"LastName:"+lastName}{"Section:"+section}{"Gender:"+gender}{"Location:"+lo

javascript - Bootstrap - 如何缩小图像以适应窗口高度?

如何使图像溢出高度响应?我的图像有时有很长的高度,使窗口滚动条可见。所以我想让这些高度响应-使图像按比例缩小以适合窗口高度。这可能吗?CSS,html,body{height:100%;margin:0;padding:00;border:4pxsolidblack;}.container-fluid{height:100%;display:table;width:100%;padding-right:0;padding-left:0;border:4pxsolidblue;}.row-fluid{height:100%;display:table-cell;vertical-alig

html - Avada 主题导致 Bootstrap 断点问题

我使用的是Avada5.0.6,断点似乎正在破坏我的Bootstrap网格。移动响应断点为800像素宽。然而,根据bootstrap文档col-sm-*从768像素开始。所以当我模拟800像素宽的屏幕时,我的网格应该仍然有效。但它没有,它将两个div放在彼此的顶部(底部的图片)。我的HTML:Phonenumbers:555-555-555555-555-555Email:info@test.cacareers@test.caConnectwithUs![contact-form-7id="23"title="ContactUsForm"]我的CSS:.phonenumbers{mar

javascript - 调整 div 大小时的 Bootstrap 堆叠输入

我想知道如何在调整包含的div大小时使用Bootstrap响应列,而不仅仅是视口(viewport)大小时。我希望表单内的输入在我使模态变宽时并排堆叠。HTML:openModal×Form1Form2Form3Form4fiddle:https://jsfiddle.net/p204kwjz/6/当我放大包含的div时,我可以让输入继续水平堆叠吗?问题是,当我将div扩大到足以将它们排成一行时,输入不是“流畅的”。此外,当包含的div太小时,它们会水平溢出div。这里的上下文是表单将动态创建,所以我需要某种智能布局。 最佳答案

javascript - 隐藏的 Bootstrap 通知 block 按钮

我希望你能帮我解决我的问题,因为我觉得这很奇怪。在我的网站上,我使用了一些Bootstrapalerts在成功或错误的情况下通知用户。一段时间后,警报被隐藏:setTimeout(function(){$("#alertLogged").removeClass("show");},5000);我的问题是,由于警报被隐藏,警报后面的所有按钮仍然不可点击。我会尝试制作一个jsfiddle,但我不能保证它会起作用,因为我过去遇到过一些问题。此外,我已经尝试在底部发出警报,这解决了我无法点击顶部按钮的问题。但我认为如果警报位于网站顶部看起来会更好。除此之外,我还试图完全破坏警报,而不仅仅是隐藏

javascript - 隐藏在内容后面的 iOS 12 中的 Bootstrap 模态 Iframe

我在iOS12上的Safari的iframe中显示的Bootstrap4.1模式有问题。测试的所有其他浏览器都按预期工作(甚至是iOS11上的Safari)。该问题似乎特定于iOS12。我创建了一个minimalexampledemonstratingtheissue.前两个按钮似乎按预期运行,但是最后4个按钮您可以看到问题,向下移动时每个按钮都更糟,当您尝试滚动或关注内部的元素时,最后一个按钮一起消失模态(见下面的截图):我会注意到我们正在以一种可能有点非正统的方式处理此功能,因为我们不是允许iframe的内容滚动,而是在它加载后通过在父子之间传递消息来调整它的高度message事件

html - 如何使 Bootstrap v4 看起来像 v3

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我正在使用Bootstrap3.3.7,我希望迁移到v4。我之前在我的HTML中包含了bootstrap.min.css和bootstrap-theme.min.css,但是在迁移到v4时,我找不到bootstrap-theme.min.css了,我不知道它在哪里,也不知道有什么替代方案。我在哪里可以获得最新的v4版本的bootstrap-theme.min.css或使用vanillaBootstrap的