Tag: twitter bootstrap 3
带有手动触发和选择器选项的Bootstrap Tooltip
我有一个动态表，加载了ajax。 当我将鼠标hover在一行上时 ，我想显示工具提示，但我希望工具提示显示在某个单元格 （带有.name ）而不是整个行的上方。 此外，使用title函数，我需要能够获得最接近的行ID并返回自定义模板。 这是我的代码 ： ID Name Country Statistics 1 Name #1 United States of America 100% 2 Name #2 United States of America 50% 初始化 ： $(‘#myTable’).tooltip({ container: ‘body’, html: true, selector: ‘td.name’, trigger: ‘manual’, title: function() { // here will be custom template var id = $(this).parent().atrr(‘id’); return id; } […]
Bootstrap 3 Accordion vs jquery UI手风琴
目前我使用这个http://getbootstrap.com/javascript/#collapse HTML Collapsible Group Item #1 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil […]
在bootstrap下拉菜单中应用jqueryvalidation
我有以下bootstrap下拉菜单： Pens Nothing selected Nothing selected Ballpoint Pens Rollerball Pens Fountain Pens Custom pens 这个脚本让它下拉： $(document.body).on(‘click’, ‘.dropdown-menu li’, function(event) { var $target = $(event.currentTarget); $target.closest(‘.btn-group’).find( ‘[data-bind=”label”]’).text( $target.text()).end().children(‘.dropdown-toggle’).dropdown(‘toggle’); return false; }); 如何在其上应用jquery validation ，在id为my_li_id_0的元素上引发错误？
在没有JavaScript的情况下将数据传递给Bootstrap Modal
我的页面上有一个带有图像链接的网格。 单击其中一个时，模式应弹出图像，但格式为大。 现在我试图在不使用javascript / jquery但只使用数据属性的情况下实现这一点。 目前我有这个代码： {{ HTML::image(“img/$photo->Link”, “$photo->Title”, array(“class”=>”thumbnail col-md-3”)) }} HEADER BODY My Footer 是否可以使用数据属性实现这一点而不使用javascript？ 我正在使用Twitter Bootstrap Modal和Lightbox for Bootstrap 3插件 编辑： 当然我已经添加了lightbox插件的脚本，当点击这个我没有远程访问时怎么样？
崩溃时Bootstrap手风琴滚动行为
我正在使用Bootstrap 3手风琴。 在阅读了关于如何对内容进行独立行为的大量post之后，而不是默认只保留一个活动，我使用data-target和id（如果内容而不是手风琴id的默认数据 – 父级） 。 独立折叠工作正常，但现在在折叠时它滚动到可折叠项目的顶部。 如何在保持可折叠的依赖性的同时禁用此滚动行为？
Bootstrap 3.1.0：加贴太长时间
我正在使用Bootstrap 3.1.0 。 当“视词”对于视口变得太长时，它会被切断，从不显示底部项目。 是否有可能让Bootstrap的词缀表现为用户仍然可以从上到下滚动整个词缀？ 问题的例子： Long list with many entries … 29. Last … regular content 我希望我的jsFiddle能够解释这个问题 。
如何防止（bootstrap）修复顶部导航从缩放移动设备
当使用bootstrap 3的固定顶部导航时，我注意到当用户在移动设备上使用原生缩放时，顶部导航也变得非常大。 这导致了非常糟糕的用户体验，导航模糊了大部分内容并最终破坏了自身，如下例所示： 这个问题可以在http://www.exploretrade.info/上看到，并且似乎也会影响使用这种导航的许多其他网站; 一个常见的解决方案是禁用用户缩放，但这会损害网站的可访问性。 我的问题是：当用户缩放移动设备上的内容时，如何使固定顶部导航的显示大小保持不变 使用JavaScript，可以计算当前应用的设备缩放，并动态更新css transform: scale指令2 但是，这似乎不适用于position: fixed元素，它在缩小后以某种方式在屏幕中居中
Bootstrap弹出窗口无法正常工作
引导程序弹出窗口没有显示我的页面 这是我的HTML： Click to toggle popover 以下是我添加的所有js和css文件： @Styles.Render(“~/Content/css”) @Styles.Render(“~/Content/bootstrap.min.css”) @Styles.Render(“~/Content/bootstrap.css”) @Styles.Render(“~/Content/bootstrap-theme.css”) @Styles.Render(“~/Content/css/default.css”) @Scripts.Render(“~/Scripts/jquery-2.1.1.js”) @Scripts.Render(“~/Scripts/jquery.unobtrusive-ajax.js”) @Scripts.Render(“~/bundles/modernizr”) @Scripts.Render(“~/Scripts/bootstrap.js”) 谁能告诉我问题出在哪里？ PS：有没有办法让popover工作而不必编写任何脚本代码？
使用带有Jquery Validate的input-group-addon包装错误标签的Bootstrap 3表单
使用带有表单组的Bootstrap 3和使用Jquery-Validate的表组和输入组标签。 当Jquery.Validate运行错误时，它会在输入组中附加标签错误控件。 问题是当Jquery Validate添加标签错误控件时，input-group-addon将换行到表单字段下面的下一行。 查看： http ： //www.bootply.com/114554 如何将标签错误保留在表单控件下并且不将input-group-addon包装到下一行？ 是的，我知道这个解决方案 – 效果很好，但仍然没有为form-horizontal 排序错误标签： 使用jQuery Validation Plugin启动3
Bootstrap 3模态：如何使用jquery / javascript检查模态是打开还是关闭
谁能告诉我如何检查bootstrap 3.0模态状态，是使用jQuery还是javascript打开或关闭。 我使用了以下代码，但是当你打开一个模态一次时它会起作用，否则会给出数据未定义的错误。 if($(‘#addMemberModal’).data(‘bs.modal’).isShown == true){ console.log(“Modal is open”); }
