Tag: twitter bootstrap

Twitter Bootstrap 2轮播 – 一次显示一组缩略图，如jcarousel

我很感激，如果有人可以建议如何修改Twitter Bootstrap 2轮播，以便一次显示一组缩略图，类似于这个jquery插件（jcarousel） http://sorgalla.com/projects/jcarousel/examples/static_simple.html 谢谢

Twitter Bootstrap Carousel循环项目从右到左（RTL）反转

如何改变Twitter Bootstrap Carousel 循环function以从右到左而不是从左到右循环项目，这样在希伯来语/阿拉伯语网站中看起来是正常的？

Twitter Bootstrap Popovers不适用于动态生成的内容

这是在stackoverflow上发布的新手，所以如果我搞砸了这里的任何内容，我提前道歉。 我正在使用Twitter Bootstrap的popovers。 我的popovers似乎适用于我手动输入我的HTML文档的元素 – 但不是我通过Javascript / Ajax动态生成的元素。 例如，如果我手动将它直接添加到我的HTML文档中，那么popover似乎有效： hover for popover 但我真正需要的是我的动态生成元素有弹出窗口。 我使用XMLHttpRequest向PHP文件发送请求，然后获取responseText并显示它。 当我将这行代码添加到我前面提到的PHP文件中时： echo “hover for popover”; ……当然，出现了“hover于弹出窗口”的字样 – 但是弹出窗口本身不起作用！ 这让我疯了一段时间，如果有人可以伸出援助之手，那将是不可思议的！ 我还添加了我正在使用的JQuery函数来启用下面的Bootstrap的popovers，这是值得的。 $(function (){ $(“[rel=popover]”).popover({placement:’left’}); }); 我已经彻底搜索了类似的问题，我能找到的最好的就是这个链接 。 但是这个链接似乎也没有任何解决方案。 再次感谢！ 更新： 固定！ 非常感谢所有帮助过的人。 我的问题是在将元素添加到文档对象模型之前调用该函数。 有多种可能的修复方法 – 我只是通过将popover函数转移到Ajax函数的END来测试解决方案，它就可以了！

Bootstrap 3.3.6 JQuery 2.2.4版本例外

我想在我的新ASP.Net Core应用程序中使用Bootstrap和JQuery。 但是当我尝试运行应用程序时，我遇到错误“Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本，但低于版本3”。 我已经使用bower将Bootstrap添加到我的应用程序中，并添加了Bootstrap 3.3.6版，它自动添加了JQuery 2.2.4。 问题是，似乎版本2.2.4的JQuery实际上是在3.0.0-rc1版本，这导致Bootstrapvalidation失败，因为它只接受版本1.9.1但不到版本3的JQuery版本？ 我该如何解决这个冲突？ Bootstrap是如何与不兼容的JQuery版本打包的？ 在这里，您可以在我的解决方案中查看我的文件，显示Bootstrap和JQuery版本：正如您所看到的，还没有安装其他版本的JQuery。 这是我的Html标记的片段 HELLOOOO! 这导致Chrome报告“Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本，但低于版本3” 任何帮助将不胜感激！

使用jQuery和Bootstrap-Typeahead创建自定义Type-Head？

我正在尝试创建一个像这样的自定义类型头 – 。 我所做的是 – HTML – Example of Twitter Typeahead typehead_customization.css .bs-example{ font-family: sans-serif; position: relative; margin: 100px; } .typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px; font-size: 24px; height: 30px; line-height: 30px; outline: medium none; padding: 8px 12px; width: 396px; } .typeahead { background-color: #FFFFFF; } .typeahead:focus { border: 2px solid […]

使用Twitter Bootstrap在ASP.NET MVC中调用模式对话框的最佳方法是什么？

我目前正在使用Twitter的Bootstrap工具包进行新项目，我对在ASP.NET MVC3中使用模式对话框的最佳方法提出了疑问。 最好的做法是让Partial包含模态的标记然后使用javascript将其呈现到页面上还是有更好的方法？

从外部链接到Bootstrap选项卡 – 如何将选项卡设置为“活动”？

我有一个带有3个不同内容选项卡的Bootstrap“选项卡”导航。 除了我想链接到OUTSIDE选项卡导航中的一个选项卡之外，它的工作方式非常完美。 这意味着当有人单击选项卡窗口外的链接时，它应设置为“活动”该选项卡并显示内容。 现在，它正确显示该选项卡的内容，但该选项卡未设置为“活动”。 我如何实现这一点，以便它像一个人点击一样“活跃”？ 这是代码： Home Profile Messages Home Content Profile Content Messages Content Profile Link From Outside 我做了一个jsFiddle来更好地展示它： http ： //jsfiddle.net/fLJ9E/ 非常感谢您的任何帮助或提示:)

使用Bootstrap进行表单validation（jQuery）

有人可以帮我这个代码吗？ 我正在使用表单的bootstrap并尝试使用jQueryvalidation它。 不幸的是，表单validation并没有告诉我我做错了什么。 我从http://jqueryvalidation.org/documentation/获得了脚本，并遵循了客户端validation的教程。 //Script found online $(document).ready(function(){ $(‘#contact-form’).validate( { rules: { name: { minlength: 2, required: true }, email: { required: true, email: true }, message: { minlength: 2, required: true } }, highlight: function(element) { $(element).closest(‘.control-group’).removeClass(‘success’).addClass(‘error’); }, success: function(element) { element .text(‘OK!’).addClass(‘valid’) .closest(‘.control-group’).removeClass(‘error’).addClass(‘success’); } }); }); // end document.ready Contact Form Name Email […]

Bootstrap中CSS转换中的“强制回流”

从Twitter的bootstrap修改bootstrap-modal jquery插件我看到他们使用CSS过渡来获得淡入淡出效果。 从代码中引起我兴趣的一点是这一行： that.$element[0].offsetWidth // force reflow 如果该行被注释，则转换不起作用。 我发现的关于其含义的所有参考都是“强制回流”评论。 如何读取该属性会影响CSS转换？ 这是为了解决浏览器中的错误吗？

通过Modal Bootstrap传递数据并获取php变量？

我试图获取通过jquery传递的输入值并设置为php变量，但我不知道该怎么做。 此按钮具有我要发送的值： 然后我有这个js代码发送值： $(document).on(“click”, “.modalEditarUsuario”, function (e) { e.preventDefault(); var self = $(this); $(“#a”).val(self.data(‘a’)); $(self.attr(‘href’)).modal(‘show’); }); 最后我有这个bootstrap模式 × Editar usuario Cancelar Guardar cambios 我的问题是，我怎样才能将id=’a’的值输入到php变量$valueA才能使用？