Tag: twitter bootstrap

Twitter引导程序：模态淡入淡出

我有一个twitter bootstrap模式的问题… 当我的元素上没有.fade类时，它工作正常。 一旦我添加它，模态就不会显示出来。 我想到了这个问题，我想： doAnimate ? this.$backdrop.one(transitionEnd, callback) : callback() doAnimate是webkitTransitionEnd ，它看起来很好。 但我认为transitionEnd永远不会被触发，因为我尝试在回调中记录某些内容，并且它永远不会被记录。 有任何想法吗？ 编辑：一些代码 链接： I’m attending! 模态（没有淡入淡出类，在我添加时不起作用） css： .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, […]

twitter bootstrap 3在js中设置活动选项卡不起作用

是的，所以这已被问过大约1000次，但我尝试了答案，似乎没有人为我工作。 这是我的标签： Profile Account Security Recruiting 注意，默认情况下，没有设置为活动。 选项卡窗格： Account Security …more… 在我的js中，我按照bootstrap文档执行此操作： $(window).load(function () { $(‘#tab a:first’).tab(‘show’); }); 没有任何表现。 我想要做的是让它默认打开第一个选项卡，但根据我传入的一些数据，我想在需要时调用它： $(‘#tab a:[href=”#security”]’).tab(‘show’);

bootstrap menu top affix

我正在尝试使用图像和菜单链接进行引导菜单，当它滚动时，菜单会粘在窗口的顶部。 我找到了有趣的bootstrap词缀，并使用了这个post中的内容： bootstrap-affix：div下面的词缀“jumps”到顶部。 如何让它顺利滚动？ 问题是，当我按下菜单按钮时，选项位于页面的内容文本下。 我写了一个小提琴，让你看到我的问题并尝试解决方案： http ： //jsfiddle.net/mram888/WnPqF/ 我试图为菜单div的类添加不同的z-index，但只有在页面滚动并且菜单贴在顶部时才能正常工作。 #nav.affix { position: fixed; top: 0; width: 100%; z-index:2; } #nav > .navbar-inner { border-left: 0; border-right: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; } .nav-wrapper { z-index: 2; }

Twitter bootstrap typeahead自定义按键ENTERfunction

我在我正在制作的Django网站上使用Twitter bootstrap。 我有一个页面，用户可以在配有bootstrap typeahead的文本输入中输入他们的所有技术技能。 我正在尝试访问下拉菜单中当前所选内的文本，这样当按下ENTER并在下拉列表中突出显示一个元素时，它将获取该值并将其显示在输入文本字段下方。 然后清除输入文本字段，用户可以搜索其他技能。 $(document).keyup(function(event) { if (event.keyCode == 13) { if ($(‘.dropdown-menu’).css(‘display’) != ‘none’){ var newskill = $(“.dropdown-menu > li.active”).val(); alert(‘Yay’); } else{ var newskill = $(“#enterbox”).val(); alert(‘Boo’); } return false; } }); 如果下拉列表可见，则输入按键function将获取下拉列表的当前活动元素并将其粘贴到文本框中（内置于Bootstrap中）。 没有警报框显示。 知道如何在发生这种情况之前让我的函数触发，即在Bootstrap的函数启动之前？

无需JavaScript即可展开/折叠移动导航栏

在移动设备上，Bootstrap 3默认情况下会将导航栏（导航栏）缩小为汉堡图标。 单击汉堡包时，JavaScript会切换导航菜单项的显示 – 扩展或折叠导航栏。 但 如何在不需要JavaScript的情况下切换bootstrap mobile navbar collapse / expand？ 如果这是可能的，它将具有良好的性能优势 ：用户可以在JavaScript执行之前已经导航（在片状移动连接上有好处），而较小的项目可以完全放弃对jQuery + bootstrap javascript的依赖，节省大约45k在第一页加载。 此外，在JS错误的情况下，网站变得更加强大 – 至少页面导航保持可用。 或者，可以在没有jQuery依赖的情况下重新实现bootstrap JS – 在这里完成导航栏。 作为参考，这是静态导航栏顶部示例在移动模式下的样子：

基于父div使Bootstrap响应的最佳方法？

我需要一个引导程序中的容器来响应父div而不是媒体查询。 如果没有，我无法找到最好的方法，特别是如果可能的话，不使用javascript。 目前，在resize时，我计算是否.span* divs应该是100％宽度（如果父div最终低于640px）或尊重columning CSS。 这是一个jsfiddle。 使用.somecontainer上的CSS， .somecontainer .span*的内部布局应该像移动一样 – 所以每列应该全宽，如果你将CSS改为640px以上，例如，它会重新布局到列布局。 有任何想法吗？ 目前使用的代码与此类似（不太理想） $(document).ready(function(){ $(‘.somecontainer’).on(‘resize’,function(){ if ($(‘.somecontainer’).width() < 640) { $('.somecontainer').addClass('m'); } else { $('.somecontainer').removeClass('m'); }); }); http://jsfiddle.net/tsdexter/ArqUR/1/ 谢谢，托马斯

如何在一分钟后自动关闭引导模式对话框

我在我的一个项目中使用bootstrap模式。 我正在使用计时器function自动显示引导程序模式。 如果用户没有关闭bootstrap模态一分钟。 然后它自动需要关闭bootstrap模式。 如何设置自动关闭引导模式的计时器？ 请帮助我解决这个问题。 提前致谢 ：） var mins; var secs; function cd() { mins = 1 * m(“”); secs = 0 + s(“:”); // change seconds here (always add an additional second to your total) console.log(mins); console.log(secs); redo(); } function m(obj) { for(var i = 0; i “; if(mins :”; disp += “”; […]

如何在silviomoreto的Bootstrap-Select上添加选项值

我使用了silviomoreto的bootstrap-select，但我遇到了问题。 我有2个下拉菜单（选择）区域下拉列表和城市。 现在，我有一个jquery onchange函数，该函数将根据所选区域更改城市下拉列表中的值。 这是我的代码： $(“#region”).on(‘change’, function () { $(“#cities”).html(‘city1city2’); }); 问题是我认为兼容性？ 当我删除class =“selectpicker”它工作正常，但我无法删除它因为我用它来下拉ui。 我查了这里的文档https://developer.snapappointments.com/bootstrap-select/但是我找不到相关问题的答案。 谢谢！

在bootstrap模式窗口中提交表单时创建fullCalendar日历事件

我有一个fullCalendar实现，我试图创建一个引导模式窗口，点击日历上的任何地方，然后保存日历条目“在模式窗口中”提交“表单。 $(document).ready(function() { var calendar = $(‘#calendar’).fullCalendar({ //header and other values select: function(start, end, allDay) { var endtime = $.fullCalendar.formatDate(end,’h:mm tt’); var starttime = $.fullCalendar.formatDate(start,’ddd, MMM d, h:mm tt’); var mywhen = starttime + ‘ – ‘ + endtime; $(‘#createEventModal #when’).text(mywhen); $(‘#createEventModal’).modal(‘show’); }, //other functions }); 这是模态屏幕的HTML： x Create Appointment Patient: When: Cancel Save 在另一个在主HTML中调用的javascript文件中，我有以下内容： […]

在引导程序中创建一个固定到底部的导航栏，在切换时向上滑动内容

我在我的网站上有两个导航栏，一个在标题中，另一个在页脚中 标题部分工作正常，但我想要的是页脚应该类似于导航栏，但是，当我进入移动视图（较小的视口）时，会出现一个切换按钮（默认引导程序function）但是当单击该切换时，它会向下滑动，内容显示在导航栏下方，尽管向上，所以，任何人都可以帮助我吗？ 我不知道，如何在Fiddle中包含Bootstrap，所以直接发布我的页脚代码。 它直接包括，bootstrap文件和Fontawesome文件。 获得Bootply链接： http ： //bootply.com/104001 Browse Our Library About Us Contact Us Our Partners User Review Terms & Conditions Privacy Policy