草庐IT

$bootstrap

全部标签

javascript - 延迟加载在 Bootstrap 轮播中不起作用

我像这样使用bootstrap3创建轮播:HTML:并添加此代码以添加img延迟加载。JS:$('#myCarousel').on('slid',function(){var$nextImage=$('.active.item',this).next('.item').find('img');$nextImage.attr('src',$nextImage.data('lazy-load-src'));});但是,这对我不起作用!?可以解决这个问题吗?重要问题:我可以为延迟加载添加图像预加载器吗?!演示:FIDDLE 最佳答案 an

javascript - Bootstrap 的 jQuery 链接

我注意到Bootstrap提供了一个jQuery链接,您可以使用它来运行JavaScript文件。我想知道的是,您使用的jQuery链接是否重要。目前bootstrap网站提供的代码是:如果我使用下面的这些链接来替换上面的链接,会不会有伤害: 最佳答案 它不会产生任何问题,因为jQuerylibrary版本相同。根据您的链接,两个文件版本相同,这意味着文件相同但从不同的服务器加载。主要是你需要使用bootstrap建议的jQuerylibraryjQuery(necessaryforBootstrap'sJavaScriptplug

html - Bootstrap/flexbox 卡 : move image to left/right side on desktop

我正在尝试使用启用了flexbox的Bootstrap4构建以下卡片布局。图片取self当前的实现,它按预期工作。HTML结构如下:Curabiturgravidavestibulumimperdiet.Crasconvallisutturpisvitaefacilisis.Morbieuauguevelquamefficiturrhoncusvitaeegetlectus.Crasaugueligula,aliquamutenimut,feugiatimperdietsem.Integersedmiquisnisleleifendinterdum.Crasconvallisuttur

html - 我可以只使用 Twitter Bootstrap 的某些元素吗?

我可以只使用Bootstrap库的某些元素吗?例如,如果我导入整个库,我的页面会因为我的CSS和Bootstrap的CSS之间的冲突而中断;他们正在覆盖彼此的属性。如果可能,我只想要Bootstrap库的按钮和div样式属性。 最佳答案 您可以在customizeddownloadofTwitterBootstrappage中下载您需要的任何内容。.只需选择您需要的任何内容,然后点击下载即可。您也可以转到theprojectofficialrepository,下载所有less文件,只编译你需要的文件,在bootstrap.less

html - 在 Bootstrap 3 中的面板之间添加空格

我正在使用Bootstrap3.0,但似乎无法弄清楚如何在面板之间添加填充/空间。FirstCellSecondCellThirdCell我尝试添加一个类并将宽度设置为30%,但只有当您有两个面板并将其中一个拉到右边时它才有效。如果我添加边距,那么它会关闭响应,最后一个单元格会掉到下一行。如何响应式地在面板之间添加间隙? 最佳答案 我倾向于不组合.panel和.col*:http://jsfiddle.net/isherwood/xTc7a/1/FirstCellSecondCellThirdCell

javascript - 如何创建动态 Bootstrap 多选

我正在尝试使用Bootstrapmultiselect,我使用了以下代码html和脚本$(function(){$('#btn').click(function(){varval=$("#addRow").val();varhtm='';htm+=''+val+'';$('#chkveg').append(htm);});$('#chkveg').multiselect({includeSelectAllOption:true});});我尝试将每个选项动态添加到Bootstrap多选中,但它无法正常工作演示页面在这里:http://jsfiddle.net/pL4hg76b/1/但它

javascript - Bootstrap 菜单在单击时更改 li 事件类

我通过Bootstrap有以下菜单HTMLHomeAboutWorkContact我怎样才能改变单击家庭或工作时类激活?以下不适合我$("#homeL").on("click",function(){$(".navnavbar-navli").removeClass("active");$(this).addClass("active");}); 最佳答案 已更新您的css选择器似乎有误。请尝试如下所示,$(".navli").on("click",function(){$(".navli").removeClass("active

html - Bootstrap 获取 div 居中对齐

我试图让页脚上的一些按钮与中心对齐,但由于某种原因它似乎不起作用。HellothereReRs我不确定我是否需要使用CSS使其位于中间,或者我是否应该只使用对齐,但没有任何效果 最佳答案 在Bootstrap中,您可以使用.text-center居中对齐。还将.row和.col-md-*添加到您的代码中。align=已弃用,为演示添加了.col-xs-*HellothereReRs更新(2017年10月)对于那些正在阅读本文并想使用新版bootstrap(测试版)的人,您可以使用BoostrapFlexboxutilitiescla

jquery - 我还能在 Bootstrap 弹出窗口上使用 'title' 属性吗?

我正在尝试在激活Bootstrap弹出窗口的链接上使用“title”属性,而无需将其实际添加到弹出窗口本身。基本上,我为激活它们的链接使用图标,但是当我添加“标题”标签时,它不会使用通常会弹出带有标题的内容的工具提示。我已经做了很多谷歌搜索,但我还没有找到一种方法来在使用它时仍然使用标题标签作为工具提示。如果我必须为弹出窗口更改为另一个库,那很好,但如果不需要,我宁愿不这样做。预先感谢您的帮助!这里有一些代码可以说明我的意思。您可以看到前两个使用popover和title属性,它会自动添加到popover并完全跳过工具提示。但是第三个不使用弹出窗口,仍然允许像往常一样使用标题标签。

html - 输入组内的 Bootstrap 按钮

如何让它在相同高度的输入页面后好看?这是代码http://jsfiddle.net/6mcxdjdr/第一个是原始输入组,第二个是我想要的东西 最佳答案 如果你关注bootstrap'sdocumentation: 关于html-输入组内的Bootstrap按钮,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/38219032/