Tag: twitter bootstrap

自定义KnockoutJS bindingHandler,用于动态Bootstrap工具提示

我在这里找到了一些关于使用Bootstrap工具提示和自定义挖空绑定处理程序的其他问题和资源。 但是,我还没有找到一个有凝聚力的解决方案,1)涉及使用动态挖空模板2)当工具提示绑定到的数据发生变化时,工具提示可以改变。 我也不在GitHub上的knockout-bootstrap ,但是工具提示标题只渲染了一次, 我用以下新的dynamicTooltip创建了一个新的JSFiddle ,它基于之前的JSFiddle 。 新的DynamicTooltip数据绑定器如下所示: ko.renderTemplateHtml = function (templateId, data) { var node = $(“”)[0]; ko.renderTemplate(templateId, data, {}, node); return $(node).html(); }; ko.bindingHandlers.tooltip = { init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { var local = ko.utils.unwrapObservable(valueAccessor()), options = {}; ko.utils.extend(options, ko.bindingHandlers.tooltip.options); ko.utils.extend(options, local); var tmplId = options.kotemplate; ko.utils.extend(options, { title: ko.renderTemplateHtml(tmplId, […]

Bootstrap 3使用PHP记录集数据的模态

我用PHP开发了一个内容管理系统。 我想使用bootstrap模式列出记录集中的数据。 使用按钮显示简短的模糊,单击该按钮时,应打开模式并根据记录的ID显示详细信息。 我的问题是正在显示三条记录。 当我单击三个按钮中的每一个时,只有第一个记录显示在模态窗口中。 遗憾的是,阅读和实施许多解决方案并没有帮助我实现目标。 我的按钮: <button type="button" class="btn btn-custom pull-right" data-toggle="modal" data-id="” data-target=”#myModal1″ >Read More … 我的模态: × <img src="https://stackoverflow.com/questions/28081592/bootstrap-3-modal-using-php-recordset-data/img/events/” alt=”ALT”> Close 我已经阅读了许多试图找到解决方案并实施的post。 不幸的是,我缺乏JavaScript和jQuery知识来使我的模态工作。 我非常感谢任何帮助和解决方案

modal dialog – 如何通过滚动使模态的背景延伸100%?

我必须创建一个模态窗口,其中包含动态评估的输入字段(每次用户点击输入时,都会添加一个新的输入字段)。 我的问题是模态的背景不会根据模态的大小扩展 部分HTML: Basic Information Colour Theme Personal Expertise Professional Experience modal dialog中其中一个选项卡的输入元素示例: Personal Expertise Tourism types Select max. 5 types of tourism that you’re an expert in. 问题仅发生在小于15英寸的屏幕上

如何进行水平视差滚动

我正在使用最新版本的Bootstrap,JQuery和Skrollr。 我希望有一个静态背景和一些场景,当您通过视差滚动滚动时。 我可以在你滚动时制作场景,但我正在寻找一种方法来显示你没有向下移动页面。 我想制作一个像这个图像的场景: 注意它是如何向右 – 左移动但从未出现过你实际上是在向下滚动页面。 这是我能解释的最好的。 似乎无法找到任何好的教程来实现这一目标。 任何朝着正确方向的帮助都会很出色。

仅在移动设备上启用数据切换

在获取要扩展的链接列表时遇到问题仅在移动设备上单击。 我目前将它们设置为在移动设备上折叠,并在平板电脑/台式机上展开。 在平板电脑/台式机上,链接不应该是可点击的。 如何重新启用click事件以在移动设备上切换列表?  Link Head link link link link link  Link Head link link link link link  Link Head link link link link link A bit of ad textwill go here jQuery的 $(‘[data-toggle=”collapse”]’).click(function(e) { if ($(window).width() >= ‘321’) { e.stopPropagation(); } else if ($(window).width() <= '320') { $('.panel').on('click', function() { $('.collapse').collapse('hide'); […]

如何在Bootstrap日历中使事件排队

使用Bootstrap日历http://bootstrap-calendar.azurewebsites.net/index-bs3.html时,在周视图中事件不会排队。 例如,如果你有2个事件: – 今天上午10点到11点 – 明天上午10点到11点 在周视图中,它们看起来像一个楼梯,一个,下面的下一个……没有排成一列。 谢谢 我已经尝试了不同的时间等。文档是有限的,我不知道如何解决这个问题。

Bootstrap collapse()和未隐藏内容的闪存

使用Twitter Bootstrap框架,我使用$(‘#foo’).collapse()来创建一个FAQ,其中包含默认隐藏的$(‘#foo’).collapse()答案,然后在您单击问题时可见。 问题是我在初始化.collapse()之前获取了所有内容的.collapse() 。 我无法提前隐藏内容(通过display: none ),否则折叠function不知道框的高度,折叠/展开不起作用。 我认为这可以解决,如果$(‘#foo’).collapse()没有动画初始崩溃,只是立即隐藏元素。 关于如何做到这一点(或其他解决方案)的任何想法? 这是一个小提琴: http : //jsfiddle.net/DHZNv/44/ 谢谢!

在加载内容后垂直重新引导引导模式

我已成功使用此处找到的解决方案集中了一个bootstrap模式: 演示: http : //codepen.io/dimbslmh/full/mKfCc代码: http : //codepen.io/dimbslmh/pen/mKfCc var contentHeight = $(window).height() – 60; var headerHeight = $(this).find(‘.modal-header’).outerHeight() || 2; var footerHeight = $(this).find(‘.modal-footer’).outerHeight() || 2; 但是,它不适用于远程加载的内容。 它在加载内容之前计算高度。 然后,在加载内容后,位置偏离。 我已经尝试了各种方法来延迟计算一段时间,但是这些方法导致了页面顶部的模态加载,然后跳到中心。 似乎最好的解决方案是在内容加载后重新计算高度。 这样,较小的模态(没有内容)将加载到中心,然后一旦加载内容它将重新居中。 有没有一个很好的方法来做到这一点?

Bootstrap 3网格系统 – “单元格”的高度可扩展,但它会将整个下一行向下移动

我有这个页面,你点击一个文本块,该框打开它下面的评论。 它下面的一行向下移动。 问题是下面一行中的所有列都向下移动,这会产生大量的空白。只有1个应该向下移动(扩展单元格下面的那个)。 有没有办法用bootstrap 3做到这一点?

在twitter bootstrap中格式化字段以显示为表格

对于CSS来说,我不是最好的。 我正在尝试通过严格使用CSS / javascript(或jQuery)格式化twitter bootstrap中的字段 这是我的HTML: Month Day Year 我无法更改HTML,因为它是自动生成的,因此我设置样式的唯一方法是CSS或javascript。 这就是它现在的样子 编辑:尝试里根的解决方案后 var html = $(‘.birthday-picker’).html(); $(‘.birthday-picker’).html(” + html + ”); 我使用以下代码来尝试实现里根的解决方案,但没有运气:(