草庐IT

$bootstrap

全部标签

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

javascript - 使用 HTML5 JS 和 Twitter Bootstrap 格式以不同方式托管 ASP.Net

在我的开发环境中,一切看起来都很好,我有一个使用Canvas和动画的饼图,当通过浏览器托管时,它看起来很好。我也在使用TwitterBootstrap,并且在页面顶部有一个导航栏,其中有两个项目。这里有一些例子:在开发环境中http://i.stack.imgur.com/TtC5J.png在IIS中托管http://i.stack.imgur.com/DNLkg.png关闭IIS版本后,错误仍然存​​在,您还可以注意到按钮的四舍五入不太一样。我们在IIS6上使用默认设置托管,所以想知道是否需要在站点上做任何事情才能正确地合并它?我没有在任何我不认为的地方注册.LESS,所以不确定这是

html - 使用 bootstrap 将 Div 并排放置

我已经尝试使用row类,但它没有解决问题。我只是想把两个div放在一起,只使用bootstrap而不是css。(这是我无法添加任何css的极端情况)有没有办法做到这一点?基本上我有这个:button1button2而且我希望这两个按钮彼此相邻并且由于限制我不能添加除Bootstrap之外的任何css。这可能吗? 最佳答案 您的代码示例未显示具有container或container-fluid类的父div,并且您的列缺少大小类。试试这个:button1button2 关于html-使用b

html - 为什么 bootstrap input-group & input-group-addon 拆分?

我在表单水平div中有一个输入组,它在大屏幕上看起来很棒。它在bootply中看起来也很棒,但是每当我开始调整屏幕大小时,表单就会换行(没关系),但输入组插件会从输入组中拆分或分离。我尝试了多种css和样式的组合。如何防止这种行为?在大屏幕上:在小屏幕上:HTML:StartFullHDBLHDALOther 最佳答案 Bootstrap3随.col-xs-、.col-md-、.col-lg-提供,与显示有关渲染设备的大小将HTML代码中的class="col-md-替换成class="col-xs-试试看美好的一天

css - 为什么 Bootstrap 将最后一列推到下一行

我有以下HTMLsomecontenthere17:00-18:00SomelooooooooooooooooooooooooooooooooooongTextgoeshere我想要的是我的嵌套行在320x480设备上具有[1][4][7]布局。但是,当我将大小时调整为大约350宽度时,最后一列位于日期下方的下一行。我希望文本位于日期的右侧,而不是在日期下方(320x480)。如果我将最后一列的宽度更改为6,则效果很好。这是什么原因?由于1+4+7=12我希望它也能工作。 最佳答案 您将不得不覆盖该大小的填充。问题是一列占总宽度的8

html - 在 bootstrap 汉堡图标左侧添加电话和 map 图标

我有一个基本的Bootstrapv3网站。当导航栏在较小的屏幕上切换到汉堡包图标时,我想添加一个电话图标(链接到电话号码)和一个map图标(链接到谷歌地图),以便移动用户可以轻松访问它们。我尝试通过在.navbar-toggle按钮之前添加代码,在汉堡包的左侧添加一个电话图标,但我不知道如何让它像汉堡包图标一样响应。我可以定位它,但这并不能让它保持响应。这是我当前的代码。我试图让它只使用电话图标,但我也希望在它旁边放置一个map图标。大部分样式是从bootstrap.min.css文件中的.nav-bar-toggle类样式复制的。@importurl('https://maxcdn.

html - Bootstrap 4 导航栏右对齐

我正在使用来自Bootstrap4网站的导航栏模板,但我在折叠导航项的位置方面遇到了问题。最初,切换按钮位于导航栏和列表项的左侧。但我希望它们位于页面的右侧,所以我在按钮和导航项上插入了一个float-xs-right类。然后,如果我单击切换按钮,则折叠项的位置不正确。正如您在屏幕截图中所见。Navbarscreenshot我希望折叠项位于下方和左侧。顺便说一句,这是我的代码:TributePage|TupacShakurHomeBioGalleryDetailsAwardsMoreinfo此外,这是我为这个导航栏编写的代码笔:http://codepen.io/marcvs/pen/