草庐IT

ratchet-bootstrap

全部标签

javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

我使用的是上一个Twitter的Bootstrap。当我的窗口宽度小于980px时,我想执行某个JS函数(显示一次工具提示)(如你所知,在这个尺寸上,Bootstrap修改Navbar并隐藏标准菜单项)——窗口从768到979,简而言之.这个我知道@media(min-width:768px)and(max-width:979px){...}此选项可用于捕获事件。但是,它可能仅用于更改现有样式,例如body{background-color:#ccc;}我需要启动JS函数,或者为元素添加或删除特定样式。我试过:window.onresize=function(){if(window.o

javascript - 更改特定元素的 Bootstrap 弹出窗口位置

我正在使用bootstrappopover在数据表上,正如您将从我的jsFiddle中看到的那样,每个单元格在单击时都会创建一个弹出窗口。我正在尝试为连续的最后一个td调整弹出框的位置或“位置”,想法是当单击最后一个单元格时,弹出框将位于左侧而不是顶部。如果滚动到表格的末尾,您会看到我已实现选择但未实现定位的最后一个单元格。关于如何实现这一点有什么想法吗?http://jsfiddle.net/N8NNC/1/弹出框的javascript代码如下:$(".metapop").popover({html:true,trigger:'manual',placement:'top',titl

javascript - 播放视频时暂停 Bootstrap 轮播

我有多张包含视频和图片的幻灯片。轮播设置为加载时自动播放。但是,当有人播放视频并将鼠标移出侧面时,它会一直滑动(正如预期的那样)。如何跟踪视频的播放和暂停时间?我搜索了StackOverflow,但没有找到类似的问题。站点管理员稍后会添加视频,因此它们可以是iframe或html5视频。因此,我需要一个适用于两者的解决方案。 最佳答案 这对我有用,可以在播放原生HTML5视频时暂停Bootstrap轮播,并在视频暂停或播放完毕后再次播放。我是一个完全的JS新手,但我四处搜索并将一些东西串在一起。我可能犯了一个错误(可能),但它对我有

javascript - Twitter Bootstrap 3 模态中的 jQuery Datepicker

我现在已经尝试了很多解决这个问题的方法,但我无法让它工作。我试图将日期选择器放入我的表单中。表单放置在Bootstrap模式中,整个内容通过ajax加载。一切正常,除了日期选择器放在模式中时根本不显示。我希望像这样的简单解决方案:.datepicker{z-index:9999!important;}会奏效,但事实并非如此。有人知道一个简单的解决方案吗?这是我的日期选择器:$(function(){$(".datepicker").datepicker({dateFormat:"yyyy-mm-dd"});});这是我的表格:×EndreartikkelMotattClos

javascript - 在 bootstrap 中,.pull-right 用于右对齐,.pull-left 用于左对齐,然后什么用于居中?

这个问题在这里已经有了答案:Inabootstrapresponsivepagehowtocenteradiv(18个答案)关闭6年前。在bootstrap中.pull-right用于右对齐.pull-left用于左对齐然后什么用于居中?

javascript - 导航栏中的下拉菜单不会展开( Bootstrap 、 Angular 、指令、路线)

由于某些奇怪的原因,Bootstrap菜单下拉菜单在通过路由器模板构建时不会在单击时展开。直接在模板中使用它工作正常。这是可以玩的plunker:http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=previewTESTvarapp=angular.module('app',['ngRoute','ctrls']);app.config(function($routeProvider){$routeProvider.when('/menu',{template:'',controller:'mainCtrl'}).otherwise({redirec

javascript - 在 jquery bootstrap 数据表中显示 NaN 到 NaN

我在bootstrap框架中集成了jquerydatatable,当我选择All时,它显示如下显示NaN到NaN的7个条目。Javascript$(function(){$('#example2').DataTable({"lengthMenu":[5,10,50,"All"]});}); 最佳答案 阅读示例here:$('#example').DataTable({"lengthMenu":[[10,25,50,-1],[10,25,50,"All"]]});因此,添加两个数组,一个包含值,一个包含显示的文本。(-1在这种情况下似

javascript - 带有 Bootstrap 4 Grid 的 Angular Material 2

我正在使用Angular4并安装了AngularMaterial2,因为我喜欢组件的外观。所以现在我拥有所有组件并想要创建布局。我知道它有AngularFlex布局,但老实说我不太了解Flex,所以我在考虑使用Bootstrap的4Grid来整理布局。为什么我不应该将Bootstrap的网格与AngularMaterial2一起使用? 最佳答案 将bootstrapgrid与angularmaterial2一起使用是毫无意义的。Idon'tknowFlexthatwellsoIwasthinkingonusingBootstrap'

javascript - 如何使用按钮 Bootstrap Accordion 更改 (-,+) 符号?

我创建了一个带有+和-符号的boostrap4Accordion菜单。符号在折叠和展开时会发生变化。我用:after添加符号但是我想用一个按钮代替它而不是一个'-,+'符号。这样我就会有2个按钮,就像“查看更多”、“查看更少”(它可以是具有不同文本和背景的相同按钮)并在我单击时更改我想不通。我的代码和演示:https://www.codeply.com/go/sOps2WhtG5Item1Animpariaturclichereprehenderit,enimeiusmodhighlifeaccusamusterryrichardsonadsquid.3wolfmoonofficiaa

javascript - 使用 jQuery 的 $.ajax 异步更新 Bootstrap 进度条

我有一个脚本在我的本地网络上循环遍历IP,检查那里是否有任何东西。每次迭代,我都会提交一个AJAX请求以使用cURL获取HTTP状态代码,该代码会返回到我的Javascript。我已经构建了计算进度条应该在哪里的函数,但是它只会在整个脚本执行完毕后更新进度条。这是我到目前为止所拥有的(我在这个例子中只使用0-23,因为我在199.235.130.22上,我返回'200')functionupdateProgress(percentage){document.getElementById('progressBar').style.width=percentage+'%';$('#prog