Tag: twitter bootstrap
引导 – 下拉菜单不工作？
我在Bootstrap下拉菜单似乎没有工作 – 任何人都可以提醒我的问题？ 现在它显示下拉菜单，但点击它什么都不做。 谢谢！ JS： $(document).ready( function() { $('.dropdown-toggle').dropdown(); }); HTML： <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container" style="width: auto;"> <a class="brand" style="text-indent: 3em" href="#"> Title </a> <ul class="nav"> <li><a href="#">Profile</a></li> <li class="active"><a href="#">Statistics</a></li> <li><a href="#">Reader</a></li> <li class="dropdown" id="menu1"> <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1"> Options <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> […]
Twitter引导工具提示插件中的数据延迟
我无法使twitter引导工具提示的数据延迟属性工作。 我正在使用它： 这是我如何使用它： <a href="#" data-toggle="tooltip" data-delay="{ show: 5000, hide: 3000}">with delay</a><script>jQuery('a[data-toggle="tooltip"]').tooltip().click( function(e) { e.preventDefault(); }); </script> 但是我看不出任何延迟显示/隐藏。 任何想法为什么？
Bootstrap Modals在closures之后不断添加填充
你可以从这个video检查错误。 我试图把这个代码放在我的javascript： $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); 但它不起作用。 有谁知道如何解决这个问题？ 你可以在这里看到这个网站。 用户名和密码：admin / Koodaus1 我的代码： <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!– Modal content –> <div class="modal-content"> <!– header –> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Login</h4> </div> <!– body –> <div class="modal-body text-center" […]
发出使Bootstrap3图标旋转的问题
受Fontawesome的启发，我试图用bootstrap3制作一个旋转的图标。 这很容易通过CSS3转换和转换来实现。 问题是图标不能围绕中心旋转。 它在旋转时摇摆。 代码粘贴在下面。 任何人都知道是什么原因造成的 .spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); […]
DataTables：Uncaught TypeError：无法读取未定义的属性“默认值”
对DataTables使用Bootstrap集成时 ，在控制台中看到以下错误： Uncaught TypeError：无法读取未定义的属性'defaults'（dataTables.bootstrap.js：20） 这会导致分页控件没有样式。 我可以看到，在工厂初始化，下面的代码需要运行： factory( jQuery, jQuery.fn.dataTable ); 但是， jQuery.fn.dataTable返回undefined 。
未捕获的错误：没有这样的方法“显示”工具提示小部件实例
我正在使用ajax来提交我的registry单，但有一个问题，试图设置工具提示来显示从控制器返回的错误的错误消息。 JavaScript的： $(document).on('ajax:success', '.user_modal_form', function(e, data, status, xhr) { var context; context = $(this); if (data.success) { $('button', context).hide(); $('.spinner', context).show(); location.reload(); } else { if (data.errors != null) { $.each(data.errors, function(key, error) { var field; field = $("#athlete_" + key); field.attr('data-original-title', "" + key + " " + error).tooltip({ trigger: 'manual' }).tooltip("show"); }); } […]
Bootstrap导航栏search图标
导航栏search表单的引导示例只有一个文本框。 我希望能够在开始时添加一个search图标，就像Twitter在search框中一样。 我怎样才能用bootstrap做到这一点？ 这是我迄今为止所尝试的，但它是失败的： http : //jsfiddle.net/C4ZY3/3/
Bootstrap莫代尔坐在背后
所以我几乎和@Jamescoo的问题一样，但是我认为我的问题来自于我已经定位了几个DIV来创build滑动导航面板。 这是我的确切设置复制： http : //jsfiddle.net/ZBQ8U/2/ 奖金：如果你愿意的话，随意抓取滑动面板的代码:) z-索引不应该冲突，它们的值将显示它们正确堆叠，但是在视觉上它们不是。 一旦你点击“打开模式”button， <div class="modal-backdrop fade in"></div>覆盖所有内容！ （你将不得不重新运行代码来重置它） 我不知道如何补救这个…任何想法？
叽叽喳喳bootstrap下拉突然不工作
我想知道如果有人能帮助我。 我的引导下拉菜单突然停止工作。 我不知道为什么。 它之前工作。 我没有触及我的意见我的布局意见，所以我认为这个问题是不存在的。 即时通讯很确定它必须做我的JavaScript，但我不知道它来自哪里。 我的gem文件是… gem 'rails', '3.2.3' gem 'bootstrap-sass', '2.0.1' gem 'bcrypt-ruby', '3.0.1' gem 'faker', '1.0.1' gem 'will_paginate', '3.0.3' gem 'bootstrap-will_paginate', '0.0.5' gem 'devise' gem 'carrierwave' gem 'rmagick' gem 'delayed_job_active_record' gem 'daemons' gem 'make_voteable' gem 'admin_data' gem 'indextank' 和我的application.js是… //= require jquery //= require jquery-ui //= require jquery_ujs //= require bootstrap-dropdown //= […]
如何在twitter引导中正确清理浮动？
我刚开始学习twitter bootstrap ，我想知道什么是正确的方法是清除浮动。 通常我会做这样的事情： HTML： <div class="container"> <div class="main"></div> <div class="sidebar"></div> <div class="clear"></div> </div> CSS： .clear { clear: both; } .main { float: left; } .sidebar { float: right; } 请忽略上述的基础设施，因为这只是一个例子。 现在在bootstrap说如果我想浮动一些文本旁边的导航部分什么是这样做的正确方法？ 在bootstrap考虑这个例子： <div class="main_container"> <header id="main_header" class="col-md-12"> <nav class="navbar navbar-default" role="navigation"> </nav> <div class="contact"> </div> </header> </div> 我想漂浮在navbar栏旁边的contact字段。 我已经阅读了bootstrap的.clearfix类，我只是应用这一点，因为我已经做了上面（浮动后）？ ….或者我应该把这个类应用到其他东西上？
