Tag: twitter bootstrap

如何在Twitter Bootstrap下拉列表中列出两个Linkedin Follow Buttons: 我一直在搞这个…… http://jsfiddle.net/ravenna/GFydL/7/ Dropdown trigger Test 我所拥有的是多个下拉列表，每个下拉列表代表一个用户配置文件。如果用户在我们的档案中有一个Linkedin Profile，那么他们的下拉列表会显示一个关注按钮。所有浏览器都显示第一个，而chrome显示第二个就好了。 FF和IE仅显示第二个和更多的图标的条子。任何想法如何在Follow按钮中看到任意数量的链接？

点击按钮切换Bootstrap按钮文本？: 我希望每次单击按钮时切换按钮上的文本，例如从“显示更多…”到“显示更少…”。我有一个用于展开或折叠附近块的按钮（请参阅Bootstrap文档的折叠部分，单击示例“Link with href”按钮，看看我的意思）。这种Bootstrap按钮的HTML如下所示： See more… 当相关块被折叠时，我希望按钮文本例如是“显示更多…”，当它被展开时，我希望它是例如“显示更少……”。我已经看到了将按钮文本分离为jQuery，Javascript或CSS的解决方案 – 但这使得难以阅读HTML （按钮文本完全位于按钮的其他位置），并且使本地化更加困难。

Bootstrap折叠数据 – 父级无法正常工作: 我正在使用bootstrap 2.2.1，无论出于何种原因，data-parent属性没有按预期执行。当我点击另一个目标时，它不会关闭先前打开的目标。这里有一个小提琴下面的代码，任何关于如何解决这个问题的想法？ option 1 suboption 1 suboption 1 suboption 1 option 2 option 3 option 4 suboption 1 suboption 1 suboption 1

Twitter Bootstrap Rails按钮下拉列表没有响应AJAX: 我有一个使用Bootstrap的Rails 4应用程序。我正在创建一个仪表板页面，显示颜色编码的按钮，以表示它所代表的工具的状态。页面中的HTML如下所示： 706-Hydraulic Ram 98061841 In Service Out of Service view Details 链接的两个方法看起来像这样： def in_service @tool.update(:in_service => true) respond_to do |format| format.html { redirect_to(root_path) } format.js end end def out_service @tool.update(:in_service => false) respond_to do |format| format.html { redirect_to(root_path) } format.js end end 由于“format.js”之后没有任何内容，Rails应该自动执行一个与.js.erb后面的方法同名的文件。所以我有一个in_service.js.erb和一个out_service.js.erb文件。它们看起来像这样： $(‘.in_service’).bind(‘ajax:success’, function() { $(this).closest(‘.btn’).addClass(‘.btn-success’).removeClass(‘.btn-warning’); }); $(‘.out_service’).bind(‘ajax:success’, function() […]

将背景更改为静态以用于打开引导模式: 我的模态打开时，我可以将背景更改为“静态”吗？我有表单提交按钮的模态。当我单击此按钮时，我会在我的模态上显示加载微调器，这是我想要将背景更改为静态的时刻我尝试了$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}) ，但我仍然可以通过单击背景或使用转义按钮来关闭我的模态。第二步应该是将背景改回真实，但我还没有尝试过，因为首先我需要将背景设置为静态。我可以在模态显示中将背景设置为静态，但我想避免这种情况并在提交后更改它。有任何想法吗？

undefined函数初始化taginput bootstrap 3: 我试图为bootstrap 3实现TagInput ，但是当我尝试对它进行初始化时，它会给我一个错误Uncaught TypeError: Property ‘undefined’ of object # is not a function 这是我如何调用脚本 <script src='resources/js/jquery-1.7.2.min.js’ type=’text/javascript’> <script src='resources/js/bootstrap.js’ type=’text/javascript’> <script src='resources/js/bootstrap-tagsinput.js’ type=’text/javascript’> $(‘.tagplayer’).tagsinput(); 形成编辑：我现在不再使用这个插件了，我需要建议接受正确的答案。

如何将jQueryUI DatePicker的图标触发器与Bootstrap 3的输入组相结合: jQueryUI有一个带有图标触发器的漂亮DatePicker （日历图标打开日历，与Outlook类似的行为）。另一方面， Bootstrap 3的输入组非常适合将图标连接到输入字段。这两者可以合并而不重写任何一个吗？我在这里做了一个JSFiddle 。对于“开始日期”，jQueryUI图标触发器未激活。对于«结束日期»，它已启用。遗憾的是，DatePicker图标出现在结束日期的输入组之外：那么，是否可以将图标触发器作为输入组的一部分（看起来像“开始日期”，但表现得像“结束日期”）而无需大量修改？主图标触发代码： $(“#datepicker-end”).datepicker({ showOn: “button”, buttonImage: “img/calendar.gif”, buttonImageOnly: true }); 主输入组代码：

在Twitter Bootstrap Scrollspy中排除ID: 我有一个Twitter Bootstrap网站，主菜单上有很多链接。我有Scrollspy设置来定位该菜单并且工作得很好。但是，我需要scrollspy来排除菜单中的最后一个链接。有没有简单的选项或属性来做到这一点？每个链接都有一个ID。要注意，最后一个菜单项被调用，“Login”有一个ID，点击它会打开一个Twitter模式。但是，由于模态在代码中即使没有加载也会影响到scrollspy。所以只需要一种方法来告诉排除一个ID所以假设有这样的东西：

Javascript / JQuery在按钮组的2个按钮之间切换活动类: 我正在使用btn-group bootstrap。有html： Button 1 Button 2 按钮2它已经激活。目前我这样做是为了从一个中删除活动类并将其添加到另一个。 $(‘.btn-2’).removeClass(‘active’); $(‘.btn-1’).addClass(‘active’); 这是最干净的方法吗？还是有更好的方法可以在两个按钮之间切换这个活动类？

来自另一页面的Bootstrap Modal: 当我尝试在我的代码中使用Bootstrap Modal时遇到了一些问题。 HTML： Another Page 要么 Another Page 我想将another.page模态到我的页面，但它不起作用。 another.page看起来像： Modal Heading One fine body Close Save changes 我不想在我的代码中将another.page作为加载，因为我需要使用模态的地方太多了。我错过了重要的事吗？非常感谢你。