草庐IT

Bootstrap-sass

全部标签

javascript - Bootstrap 轮播在 css 调整后拒绝平滑过渡

在过去的3个小时里,我一直在尝试对Bootstrap3的轮播过渡进行简单的调整。我试过更改幻灯片速度,这是唯一似乎有任何效果的东西:.carousel-inner.item{-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}但它过早地隐藏了“离开”的内容,我不知道要修改什么属性来解决这个问题。我也试过用将其更改为淡入淡出过渡.carousel-fade.item{opacity:0;-webkit-transition:

javascript - Bootstrap Accordion /可折叠不适用于 ul/li 导航

我使用的是最新的Bootstrap,Accordion根本不工作。我的意思是,当我打开带有嵌套“ul”的测试1时,它会切换,但是当我单击带有另一个嵌套“ul”的测试2时,它也切换,但不关闭测试1...谁能帮帮我?它看起来不适用于“ul”和“li”(没有面板类)。提前致谢。附注这是我的Accordion尝试的完整代码。除了自动关闭之前打开的内容之外,一切正常。http://jsbin.com/OKOjUlu/1/edit?html,outputProizvodiTest12SubTest1SubTest1SubTest1Test2SubTest2SubTest2SubTest2SubTe

javascript - 如何更改点击事件的 Bootstrap 插入符号指向方向

我正在使用2.3.2Bootstrap因为我可以在单击菜单按钮时更改插入符号图标的位置。我需要当我点击图标插入符号向上时,当你点击另一个元素时插入符号回到初始状态。这怎么可能?导航代码Lorem3opesLoremOlosmpaLorem2isumLoremmasLoremOlosmpaLorem2isumLinktofiddletotrytoresolveImageexampleoftheproblem 最佳答案 你可以添加这个.nav.dropdown.open.caret{border-top:none;border-bott

javascript - 如何在一段时间后自动关闭 Bootstrap 3 模态

这个问题在这里已经有了答案:Howtoautomaticallyclosethebootstrapmodaldialogafteraminute(6个答案)关闭8年前。我很难在设定的时间段后自动关闭Bootstrap模式。这是我用来在4秒内关闭模式的js代码:setTimeout(function(){$('#myModal').modal('hide');},4000);两个基本问题:(A)当加载html页面(包含模态)时,模态超时似乎甚至在模态显示之前就已运行。模式设置为在单击页面中的链接后显示。如果在页面加载时没有立即点击链接,模式只会短暂出现然后立即关闭,因为基本上超时时间是在

javascript - 将 Bootstrap 弹出内容中的文本分成多行

我正在尝试添加bootstrappopover的文本内容多行。我正在创建可能带有换行符的字符串,如下所示,我已经尝试过\n,\r\n,,and但一切都是徒劳的。varfiles='Nofilesselected';if(path.length>1){files='';for(vari=0;i';}}$(this).attr('data-content',files);$(this).popover('toggle');从上面的代码中,我在弹出窗口中获得的输入如下所示我已经阅读了一些帖子以添加/更新popover通过内容标签的内容,但没有工作。另外还有一个帖子可以设置HTMLpopove

javascript - ng-bootstrap 模态未显示

我在我的应用程序中使用ng-bootstrap模态来显示对话框。但是当点击按钮时,什么也没有发生,模式没有显示。在调试时它可能会发现正在调用操作,但未显示模态。这是我的app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{TaskService}from'../app/task/task.service';import{TaskComponent}from'../app/task/task.component';import

javascript - bootstrap-datepicker 全局设置语言

我正在使用bootstrap-datepaginator里面使用了bootstrap-datepicker。使用bootstrap-datepicker作为一个单独的组件,设置语言是没有问题的,但是使用bootstrap-datepaginator就不一样了。我该怎么办?我正在尝试将意大利语设置为整个项目的默认语言。在index.html中,我放置了以下脚本:$(function(){$("#datepicker").datepicker($.datepicker.regional["it"]);});但是在控制台中我得到了这些错误:UncaughtTypeError:Cannotre

javascript - Bootstrap中show.bs.dropdown的使用流程

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion单击下拉菜单时使用show.bs.dropdown事件的过程是什么?例子:当我点击下拉菜单展开时,需要运行代码:$('#myDropdown').on('show.bs.dropdown',function(){//dosomething…})

javascript - Bootstrap 表 - 无法在 tr 上添加点击事件

我正在使用Bootstrap表(http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html)我正在尝试添加点击事件$('tr').click(function(){console.log('test');});但它不起作用。我知道bootstrap-table库中有事件,但对我来说,将它与jQuery的.click完全结合使用很重要。你知道在bootstrap-table源代码中是什么阻止了这个事件吗?我尝试从bootstrap-table.js中删除所有“.off”,但没有帮助。 最佳答案

javascript - PDF 文件将通过 Bootstrap 显示在对话框模式中

我的要求是,单击按钮后,应在对话框模式中显示pdf文件。请帮忙!BootstrapExampleViewPDFA-CoverPage×Sometextinthemodal. 最佳答案 您还可以将pdf嵌入模态框内。像这样:这对我有用 关于javascript-PDF文件将通过Bootstrap显示在对话框模式中,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/35286