草庐IT

Bootstrap4

全部标签

html - 模态中的 Twitter Bootstrap 3 响应表不会在移动设备上向下滚动

我有一个带有响应表的模式,它在台式机上运行良好,但在移动设备上效果不佳,因为您无法滚动到表的末尾。您可以在此处查看示例:http://www.draftfantasyfootball.co.uk/players如果您单击表格中的玩家名称,会打开一个模态框,但在移动设备(或至少是iPhone4)上,您无法滚动到模态框底部。谁知道这是为什么?谢谢 最佳答案 我假设您在移动设备上的模式设置为屏幕的全宽和全高。如果是这样,您应该尝试在模态内容类中添加以下属性,如下所示:.modal-content{max-height:calc(100vh

jquery - Bootstrap 工具提示在 IE-8 到 IE-11 的页面滚动时未关闭

我在IE-8到IE-11中遇到这个问题。在启用工具提示的情况下悬停标签(等)现在用鼠标滚动页面而不移动鼠标。注意:工具提示不会关闭(IE-8到IE-11)。当我向下滚动并到达第二个带有工具提示的标签时,我让所有标签都带有工具提示,它仍然显示以前的标签工具提示而不是新的。这个问题很小,但我正在努力解决之前是否有人解决过这个问题?它在Firefox、Chrome和其他常见浏览器中运行良好。发表于GitHubIssuecanbeobservedonbootstrapwebsiteaswell. 最佳答案 所以我做了一些测试,在Chrome

jquery - Bootstrap 工具提示在 IE-8 到 IE-11 的页面滚动时未关闭

我在IE-8到IE-11中遇到这个问题。在启用工具提示的情况下悬停标签(等)现在用鼠标滚动页面而不移动鼠标。注意:工具提示不会关闭(IE-8到IE-11)。当我向下滚动并到达第二个带有工具提示的标签时,我让所有标签都带有工具提示,它仍然显示以前的标签工具提示而不是新的。这个问题很小,但我正在努力解决之前是否有人解决过这个问题?它在Firefox、Chrome和其他常见浏览器中运行良好。发表于GitHubIssuecanbeobservedonbootstrapwebsiteaswell. 最佳答案 所以我做了一些测试,在Chrome

html - Bootstrap 3 和响应式背景图片?

我正在尝试使用具有多个全Angular背景图像的Bootstrap创建响应式网站。这是它的外观模型:想法是让每张图片都拉伸(stretch)到浏览器窗口的宽度,然后相应地缩放高度以保持纵横比。我已经把我现在得到的东西放在了一个JSFiddle上:http://jsfiddle.net/SeFVV/目前,我有多个标签,我正在使用background-size:cover设置背景图片在每个:#first{background:url(http://placehold.it/1350x890/37FDFC/&text=photo1)no-repeatcentercenterfixed;-we

html - Bootstrap 3 和响应式背景图片?

我正在尝试使用具有多个全Angular背景图像的Bootstrap创建响应式网站。这是它的外观模型:想法是让每张图片都拉伸(stretch)到浏览器窗口的宽度,然后相应地缩放高度以保持纵横比。我已经把我现在得到的东西放在了一个JSFiddle上:http://jsfiddle.net/SeFVV/目前,我有多个标签,我正在使用background-size:cover设置背景图片在每个:#first{background:url(http://placehold.it/1350x890/37FDFC/&text=photo1)no-repeatcentercenterfixed;-we

html - Bootstrap 3 - 水平拖动带有垂直滚动条的元素,overflow-y : scroll

在我的previouspost失败之后,我听从了建议并使用Bootstrap的Dashboard示例作为基础,不幸的是没有成功。目标是一个带有侧边栏(col-md-3)的页面,其中包含所有未分类学生的面板(每个小面板),以及包含不同组(较大面板)的主要区域(col-md-9)),其中可以使用JQeryUISortable拖放学生。Thisscreenshotshowstheconcept.这工作正常,除了一个问题:虽然侧边栏没有水平滚动条(即使选择“overflow-x:auto”),但当试图从中拖出一个面板时它似乎变得更大。ThisscreenshotatthemomentwhenI

html - Bootstrap 3 - 水平拖动带有垂直滚动条的元素,overflow-y : scroll

在我的previouspost失败之后,我听从了建议并使用Bootstrap的Dashboard示例作为基础,不幸的是没有成功。目标是一个带有侧边栏(col-md-3)的页面,其中包含所有未分类学生的面板(每个小面板),以及包含不同组(较大面板)的主要区域(col-md-9)),其中可以使用JQeryUISortable拖放学生。Thisscreenshotshowstheconcept.这工作正常,除了一个问题:虽然侧边栏没有水平滚动条(即使选择“overflow-x:auto”),但当试图从中拖出一个面板时它似乎变得更大。ThisscreenshotatthemomentwhenI

javascript - Bootstrap 工具提示被父 div 隐藏

我在我的网络应用程序上使用Bootstrap工具提示,它们被它的父divchop了。为了解决这个问题,我添加了data-container="body"Hello这解决了问题,但随之而来的是新问题。当我点击anchor并导航时,工具提示不会消失。有没有人遇到过这个?有没有简单的方法可以解决这个问题?EDIT-JSFiddle类似于我的问题http://jsfiddle.net/m9AX5/5/除了在我的例子中,父div没有被删除。 最佳答案 发生这种情况是因为未检测到mouseleave。一种解决方案是在点击操作时隐藏工具提示:$(

javascript - Bootstrap 工具提示被父 div 隐藏

我在我的网络应用程序上使用Bootstrap工具提示,它们被它的父divchop了。为了解决这个问题,我添加了data-container="body"Hello这解决了问题,但随之而来的是新问题。当我点击anchor并导航时,工具提示不会消失。有没有人遇到过这个?有没有简单的方法可以解决这个问题?EDIT-JSFiddle类似于我的问题http://jsfiddle.net/m9AX5/5/除了在我的例子中,父div没有被删除。 最佳答案 发生这种情况是因为未检测到mouseleave。一种解决方案是在点击操作时隐藏工具提示:$(

html - Bootstrap 上的奇怪错误

我使用bootstrap很长时间了。我今天注意到一个奇怪的错误。我正在打开mozilla控制台,并且在twitter-bootsrap源上至少显示了一百个错误。然后我尝试插入bootsrapcdn,但仍然是同样的错误。以下是一些错误的列表:Unknownpseudo-classorpseudo-element'-webkit-inner-spin-button'.Rulesetignoredduetobadselector.Expectedcolorbutfound'auto'.Expectedcolorbutfound'-webkit-focus-ring-color'.Expect