草庐IT

jekyll-bootstrap

全部标签

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的

javascript - 如何使用 Bootstrap 聊天小部件滚动到底部

我正在使用默认折叠的小部件class="panel-collapsecollapse"。当聊天中有多个元素并且打开时,滚动从顶部而不是底部开始(如果默认情况下不折叠,则可以正常工作)。一个例子在http://www.bestdealadvisors.com,添加一些元素然后刷新页面。打开小部件时,它从顶部开始。打开时如何从底部开始滚动? 最佳答案 当某些东西折叠时,您应该监听Bootstrap触发的事件。有点资料here.然后将聊天窗口滚动到底部。此脚本必须位于页面末尾(在bootstrap和jQuery脚本标记之后)varpane