Tag: twitter bootstrap 3

Bootstrap缩略图+每行高度相同的标题？: 这里或这里有相关的问题，虽然似乎没有一个对我有用。我已经按照Bootstrap示例来实现带有标题的缩略图。但是，我的标题文本具有不同的长度，导致三个缩略图的高度不同。这看起来很丑陋。为了解决这个问题，我尝试了matchHeight jQuery插件，但是没有效果。这是我的代码： $(“.thumbnail”).matchHeight({ byRow: true, }); … Heading 1 … Heading 2 … Heading 3 … … 我在这里想念的是什么？如何让这三个缩略图很好地对齐？

如何将图像置于旋转木马中心: 如何在旋转木马中居图像？我使用bootstrap教程中的代码尝试了bootstrap 3 carousel：对于宽屏幕，旋转木马图像左对齐，图像右侧有空白空间。如何使旋转木马更好？是否可以居中图像或其他解决方案？

加载Bootstrap的问题通过Ajax Post选择选项: 使用Bootstrap 3和Bootstrap-Select插件我试图从数据库加载ajax选择下拉列表的选项。当我从select元素中移除select picker lass但是使用该类时，代码工作正常（需要使用bootstrap select）它没有加载任何选项。 Select From The List $(‘.btn-group .btn’).click(function(){ $.post( ‘con/animalList.php’, { selType : this.id }, function(data) { $(‘#arearesults’).html(data); } ); }); 我已经测试了bootstrap select插件，它也在独立模式下工作（硬编码）。你可以告诉我为什么会这样，以及如何解决这个问题？谢谢

单击标题中的按钮时如何防止手风琴切换？: 我正在使用bootstrap的手风琴类，并希望在标题中有按钮可以点击而不切换手风琴。这是HTML示例： title test Button panel content 我尝试使用e.preventDefault();的onclick处理程序e.preventDefault(); 阻止手风琴触发，但它不起作用： window.foo = function(e) { console.log(“foo”); $(“.body”).append(“foo”); e.preventDefault(); } 的jsfiddle 如何在单击按钮时阻止手风琴触发？

动态更改引导工具提示放置: 我试图动态更改工具提示位置，但它不起作用。 Change Tool Tip! 而对于js： //Initiall tooltip for all elements $(“[title!=”]”).tooltip(); $(“#changeBtn”).click(function () { //Change tooltip placment $(“#sample”).tooltip({placement : ‘left’}).tooltip(‘show’); }) http://jsfiddle.net/znvv9ar5/ 我在Click Twitter Bootstrap Tooltip上找到了一个很好的答案，其中显示了如何使用tooltip(‘fixTitle’)方法动态更改工具提示文本。但找不到放置的东西。

Bootstrap carousel：如何同时滑动两个旋转木马滑块？: 我在单页上有三个旋转木马滑块，我希望它们同时移动其中两个。我们都应该同时更改滑块图像。两者都有相同数量的图像/幻灯片。这是我正在使用的代码： jQuery(‘#carousel-example-generic1, #carousel-example-generic2’).carousel({ interval: 4000 }); 我也试过以下代码： jQuery(‘.carousel’).carousel({ pause:’false’ }); jQuery(‘#carousel-example-generic1’).on(‘slide’, function(){ jQuery(‘#carousel-example-generic2’).carousel(‘next’); }); 但左右滑块在更换幻灯片时几乎没有延迟。这种延迟继续增加。这类问题有哪些已知问题？链接到该网站是这样的。 JSFiddle：链接

Bootstrap select destroy从DOM中删除原始选择: 我目前在我的一个项目中使用Bootstrap select插件。我有一个动态生成的表，其中包含select元素，然后我使用以下命令将其转换为bootstrap select： _tr.find(‘select.selectpicker’).selectpicker({ size: 10 }); 其中_tr是我添加select元素的行。这工作正常，显示bootstrap选择，在firebug中我仍然看到原始的select元素。现在每一行都有一个按钮，用于删除（销毁）引导程序选择。但它也删除了原始选择，这就是问题，因为我仍然需要原始选择来做其他事情。我使用以下命令来销毁： $(‘select#begin’ + _week + _day).selectpicker(“destroy”); $(‘select#end’ + _week + _day).selectpicker(“destroy”); $(‘select#pause’ + _week + _day).selectpicker(“destroy”); 在其他插件中，如果使用destroy，它会再次显示原始元素。这是boostrap选择插件中的问题还是有另一种方法可以删除引导程序选择并重新显示原始选择。

滚动到模态窗口内的元素: 我有一个模态窗口，需要能够打开模态，然后将用户滚动到模态中的特定位置。我用ajax到php脚本获取模态内容。例如mypage.php？loc = someid 在php脚本中我有这个js来做滚动： $( document ).ready(function() { $(‘.modal-body’).animate({ scrollTop: $(“#”).offset().top }, 1000); }); 在PHP页面是一些像这样的HTML：我的内容加载正确，但发生的滚动量似乎是相对于打开模式的链接，所以它实际上并没有在文档中找到div。我猜我的js需要一点点调整。我似乎需要能够从模态内容的顶部计算元素的偏移量。我可以通过设置我正在滚动的元素的值来伪造这个。但我真的需要一种计算方法来计算它。显然，如图所示，不同的设备将无法正常工作。 $( document ).ready(function() { $(‘.modal-body’).animate({ scrollTop: $(“#”).attr(‘distance’) }, 1000); }); //Trying to find out how far this div is from the top of the modal window? 谢谢任何有良好解决方案的人！所以我找到了解决方案： $( document ).ready(function() { […]

完整的日历没有显示内部bootstrap模式: 我想使用bootstrap模式加载modal dialog。在其中我想显示一个fullcalendar（jquery one），上面有一些事件。我创建了我的模态，并放入完整的日历。但是当模态出现时，完整日历不会显示。但它显示在模态出现后我按下下一个或上一个按钮。但是日历上没有任何事件出现。 jsfiddle这里和代码 Launch demo modal × Modal header Close Save changes JS $(“#calendar”).fullCalendar({ header:{ left:’prev’, center:’title’, right:’next’ }, events:’/eventsfeed/’, defaultView:’agendaDay’ }); 这也使事件不会出现在日历上。这是我/ eventsfeed返回的内容 [{“url”: “/calendar/entry/223”, “start”: “2013-12-04T17:00:00Z”, “end”: “2013-10-04T16:45:00Z”, “description”: “a body”, “title”: “Title entry”}] 我在我的项目和事件的不同页面中使用fullcalendar，一切都正常呈现。如何在模态出现时加载它

使用Typeahead的Bootstrap Tagsinput不起作用: 这是参考http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/中的“Bootstrap Tagsinput” 使用的插件:(最新版本） Bootstrap 3 typeahead.js 引导-tagsinput.min.js 我想要的是使用Typeahead输入字段来添加标签。 jQuery部分如下。 $(‘#tagsinput’).tagsinput({ typeahead: { name: ‘towns’, local: [‘Amsterdam’, ‘Washington’, ‘Sydney’, ‘Beijing’, ‘Cairo’] } }); 我分别尝试了文档页面和预先输入文档页面。但没有找到任何解决方案。我实际上正在测试这个简单的代码，所以我需要使用数据库来解决类似问题。但即使它不适用于本地数据。