Tag: twitter bootstrap

是否有可能让Twitter Bootstrap Dropdown菜单淡入？: 我试图让Twitter Bootstrap上的标准导航栏下拉菜单淡入而不是只显示。我已经尝试添加fade的类但它似乎没有消失。这是我的小提琴http://jsfiddle.net/byronyasgur/5zr4r/10/ 。我尝试过另一种方式 – 例如关于这个问题的答案，但由于某些原因我无法使用jquery来定位下拉触发器。

在没有插件的情况下在WordPress中集成Bootstrap轮播: 我已经将自举旋转木马整合到我的wordpress中。幻灯片将从标记为“特色”的post中删除，因此最近只会显示5个“特色”post。以下是我的代码： have_posts() ) : ?> have_posts() ) : $the_query->the_post(); ?> <a href="https://stackoverflow.com/questions/19344696/integrating-bootstrap-carousel-in-wordpress-without-plugin/”> <img src="https://stackoverflow.com/questions/19344696/integrating-bootstrap-carousel-in-wordpress-without-plugin/” alt=””> Makecat_name; ?> Miles | ColorDetails → 问题是它没有滑动，因为“活动”类不能静态工作。我该如何解决？谢谢

如何正确validation模态表单: 我似乎无法通过我的bootstrap模式进行validation，我一直在努力处理我遇到的几个例子。 validation引导模式的正确方法是什么？我的HTML： × Add Stuff A p Name: Action: Save Close 我的Javascript： $(function () { $(“#newModalForm”).validate({ rules: { pName: { required: true, minlength: 8 }, action: “required” }, messages: { pName: { required: “Please enter some data”, minlength: “Your data must be at least 8 characters” }, action: “Please provide some data” } }); […]

Bootstrap轮播 – 播放YouTubevideo时暂停: 我的Bootstrap轮播中有一些嵌入式YouTubevideo。默认情况下，轮播会自动前进，但我想在播放video时暂停。是否有检测video播放时间的技巧？我想在不使用YouTube API的情况下这样做（每个轮播都有任意数量的video，我不想创建每个video的实例）。编辑：最终设计我在video上创建了重叠： .video_mask{ position:absolute; top:0; left:0; width:100%; height:275px; z-index:25; opacity:0; } 当我点击蒙版时，我将相应的iframe设置为自动播放，隐藏蒙版，并暂停轮播： $(‘.video_mask’).click(function(){ iframe = $(this).closest(‘.item’).find(‘iframe’); iframe_source = iframe.attr(‘src’); iframe_source = iframe_source + “?autoplay=1” iframe.attr(‘src’, iframe_source); // hide the mask $(this).toggle(); // stop the slideshow $(‘.projectOverviewCarousel’).carousel(‘pause’); }); 当用户点击轮播控件时，它会重置所有蒙版和iframeurl： $(‘.projectOverviewCarousel’).on(‘slide’, function(){ var iframeID = getID($(this).find(‘iframe’).attr(“id”)); // stop iframe from playing if(iframeID […]

定制轮播间隔？: 在Bootstrap 3中，使用jQuery有一种方法可以按照我的轮播索引进行排序并添加每张幻灯片的自定义间隔，这样我就可以有一张幻灯片10000毫秒和另一张500毫秒等？我知道您可以设置data-interval属性，但这会设置所有幻灯片的速度，因为您无法为每个项目添加自定义区间属性。 data-interval=”3000″ 我的旋转木马设置如下：

Bootstrap多模态模态背景问题: 我有一个页面，其中一个Bootstrap模态打开另一个模态。问题在于，每个打开的模态都会增加到HTML代码。这对第一个很好，但因为它opacity: .5; 然后它会在打开的每个模态上使页面变暗。有没有办法检查modal-backdrop已经存在，并且在这种情况下不打开另一个？我打开我的模态 Modal 或者使用jQuery： $(‘#modal_01’).modal(‘show’); 非常感谢对此问题的任何帮助！这里有一个方便您的小提琴： https ： //jsfiddle.net/zsk4econ/1/

Twitter引导响应块高度: 在我的Twitter Bootstrap 3.2应用程序中，我有div块具有重叠宽度。但是如果我删除“行”类，由于内容长度的变化，块高度变得不同，所以块看起来很奇怪。检查此宽度是否大于992px的屏幕： http ： //jsfiddle.net/mavent/bFcrq/13/ 如果我使用“行”类，我的页面看起来不错： http ： //jsfiddle.net/mavent/bFcrq/15/但我不知道何时使用行类。因为屏幕大小不同，所以我不知道我是否可以使用每2个div或3个div的行类。所以我的问题是，我怎么能让这个块具有相同的高度，所以即使小而大的屏幕也有漂亮的外观？ Small screen is ok, There is problem for big screens My pretty title 1My subtitle which can have different number of words 编辑：还要在大屏幕中检查此行为： http ： //jsfiddle.net/bFcrq/26/ 即使我使用“行”类，有些块长也有些短。当我使用“alert- *”类时，它看起来非常糟糕。 Edit2：虽然我更喜欢CSS解决方案，但基于JQuery的解决方案也适合我。

Datepicker里面的bootstrap popover: 我有一个位于弹出框内的日期选择器。 Datepicker无法正常工作。有没有人这样做过 – Start time? End time? Search between dates JS $(‘#datetimepicker1’).datetimepicker(); $(‘#datetimepicker2’).datetimepicker(); $(“#datetimepicker1”).on(“dp.change”, function (e) { $(‘#datetimepicker2’).data(“DateTimePicker”).minDate(e.date); }); $(“#datetimepicker2”).on(“dp.change”, function (e) { $(‘#datetimepicker1’).data(“DateTimePicker”).maxDate(e.date); }); $(“[data-toggle=popover]”).popover({ html: true, content: function() { return $(‘#popover-content’).html(); } }); http://jsfiddle.net/J7nDz/43/ 有人能发现错误吗？

更新记录Ajax时引导成功警报: 我想在更新现有记录时使用bootstrap alert来显示成功消息。这就是我所拥有的：的index.php $(document).ready(function(){ $(“#submit_button”).click( function() { $.post( $(“#updateunit”).attr(“action”), $(“#updateunit :input”).serializeArray(),function(info){ $(“#result”).html(info); }); }); $(“#updateunit”).submit( function() { return false; }); }); function clearInput() { $(“#updateunit :input”).each( function() { $(this).val(”); }); } Notes Update Back edit.php prepare(“UPDATE tblunitreservation SET reservation_code = :reservation_code, transaction_code = :transaction_code, notes = :notes WHERE transaction_id = :transaction_id”); $update->execute(array(‘:reservation_code’ => $reservation_code, […]

Jquery UI与CSS中的Bootstrap冲突: 当我集成Bootstrap和Jquery UI时，我在css定义中发现了许多冲突。例如，两者都有h3 css定义。所以对于这种情况，我总是要评论其中一个。我最初的想法是使用Bootstrap进行页面布局，并使用Jquery UI构建UI交互。有没有简单的方法来整合它们？