草庐IT

$bootstrap

全部标签

javascript - Bootstrap 4 旋转木马 : Individual data-interval on each slide

我想为轮播的每张幻灯片设置数据间隔。在stackoverflow上,我找到了这个案例的JavaScript片段,但效果不佳。(TwitterBootstrapCarouselslideduration)每张幻灯片都在html中内联设置了数据间隔,五张幻灯片的毫秒数从3000到7000。幻灯片的实际持续时间与我的预期和代码不符。示例:我将间隔设置为3000,幻灯片显示大约7-8秒。js文件写在网站的页脚区域。这是js代码:vart;varstart=$('#carouselExampleFade').find('.active').attr('data-interval');t=setT

html - 如何在 960.gs/Bootstrap 嵌套网格中集成 Wordpress 循环?

即将实现我的第一个Wordpress网站。我的理解是,如果我的循环调用通用项,它会有所帮助,例如:ArticleHeadingArticleSub-heading当使用TwitterBootstrap或960.gs时,我的提要跨越多列和多行。例如,文章水平排列在由5列组成的嵌套网格中。每5个元素,有一个新行。Row1:[articlediv][articlediv][articlediv][articlediv][articlediv]Row1:[articlediv][articlediv][articlediv][articlediv][articlediv]Row1:[artic

html - 在 Twitter Bootstrap 中偏移 div 元素的垂直位置

我正在尝试使用带有流体网格的TwitterBootstrap正确垂直对齐偏移元素。(注:网格自定义为30列)考虑到红色框,这是尝试的div放置:http://imgur.com/IkB2G这是我的代码当前的实际位置:http://imgur.com/oJ2mG这是我使用的代码。根据图像,不确定如何让下方的红色框移动到其上方的空白区域。 最佳答案 您需要将其视为2列,并且在左侧列中有嵌套行。我无法从您发布的代码中找出合适的尺寸。但希望这段代码能给您一些启发。Thisisarowontheleftside.Thisisarowonthe

html - 在 twitter bootstrap 导航栏中居中图像

这是我的实时站点:http://ancient-badlands-4040.herokuapp.com/我试图让我的图片居中,同时让链接与图片垂直对齐。到目前为止,我在阅读这篇文章后得到了很多帮助TwitterBootstrap-centeringbrandlogoinnavbar我早些时候通过调整“品牌”类(我将宽度设置为28%)成功地使图像居中。不幸的是,我还必须调整“导航栏”类的宽度,调整宽度后它改变了我Logo的位置。我将我的代码更改为下面的代码,我试图将我的图像居中并使链接与我的中心图像均匀对齐。任何帮助将不胜感激,谢谢!:)HTML:**更新的div和ul类CODEYCOD

html - Chrome 上的 Bootstrap 导航栏表单宽度问题

我正在使用bootstrap3.0.0。在使用DefaultNavbar时例如,使用一些自定义CSS,我发现搜索表单文本框在chrome上占据了全宽,因此我的导航栏被分成三行。它在Firefox和IE上运行良好。问题是,在firefox中计算出的宽度是236px,但在chrome中是1110px。最后附上了firefox和chrome的截图。代码在屏幕截图后以及JSFiddle处给出。但在那里看不到输出。仅供引用。这是chrome中的一个已知错误,还是我做错了什么。如果是,有人可以找出我做错了什么吗?自定义CSS@importurl(http://fonts.googleapis.co

asp.net-mvc - 关闭并提交表单 Bootstrap 3

我有一个表单内的Bootstrap模式对话框。表单通过AJAX提交。我希望submit按钮也关闭模态(否则我最终会保留模态覆盖)模态代码是:@using(Ajax.BeginForm("SaveConfiguredReport",newAjaxOptions{HttpMethod="POST",InsertionMode=InsertionMode.Replace,UpdateTargetId="report-details",OnBegin="preProcessing"})){AddaFilter×Addingfiltersallowsyoutosortwhatdata

html - Bootstrap 下拉菜单默认在站点加载时打开

我遇到的问题是,我在使用Bootstrap的网站的导航栏内添加了一个下拉菜单,但无法弄清楚为什么在网站打开时下拉菜单会以默认状态打开。我是Bootstrap的新手。我附上了下面导航栏的代码:AddNewItemPCRequestsKitBuildingHomeAuditCheck-OutCheck-InGentexVisionIVMS如有任何帮助,我们将不胜感激! 最佳答案 重点是添加open至.实际上,它应该是这样的AddNewItemPCRequestsKitBuildingHomeAuditCheck-OutCheck-InG

html - 谷歌浏览器中的 Bootstrap 数据列表问题

我正在使用twitterbootstrap数据列表来显示项目。在FF中,项目会在开始输入后自动显示。但它没有显示在谷歌浏览器中。Chrome可能有什么问题?13:593:556:55 最佳答案 数据列表用于为用户提供一些可供选择的选项。例如,通过一个输入字段,您可以添加一个带有一些默认选项的数据列表,以便为用户提供一些建议。如果您只想要一个选项,请选择使用但如果您希望它像您要求的那样工作(在chrome20+中),请参阅我的fiddle或下面的示例代码。在这种情况下一定要选择一个匹配的ID'd1'13:593:556:55点击查看它

css - 在哪里放置 Bootstrap 行类

我对Bootstrap和响应式设计的概念相当陌生。我正在阅读bootstrap文档并遵循w3schools上的一些教程。所有提及col-单个row中必须=12类(class)。他们还提到您可以组合不同的col类别和大小示例我没有得到的是什么时候应该用打破视口(viewport)当你组合不同的类时colsizes?考虑以下情况,我希望移动设备显示2行和2列,而在桌面设备上显示4行的单列考虑rows中的所有列必须=12,行类需要在移动和桌面的不同点上关闭...?我将如何解决上述问题,希望这个问题是有道理的。谢谢 最佳答案 您的密码是co

javascript - 当导入为 HTML 模板时,Frame Web VR 可防止从 Bootstrap 滚动

在Aurelia框架应用程序中导入aframea-scene作为模板时,我目前遇到了一个问题。我试图在相关的stackoverflow问题上找到帮助,但没有一个将点连接在一起:因为AFrame基于Three.js,这是我能找到的最相似的问题,但尚未得到解答(https://github.com/mrdoob/three.js/issues/3091).我在我的home.html文件中集成了AFrame场景如下:从我的home.js导入aframe否则场景不会被渲染:导入'aframe';现在看来这个导入覆盖了一些Bootstrap滚动功能,但我不明白为什么。注意:谷歌Material设