Tag: twitter bootstrap 3

自定义可用日期bootstrap datepicker

我正在试图只使用bootstrap datepicker显示自定义日期: http ://bootstrap-datepicker.readthedocs.org/en/latest/index.html。 你能帮助我吗 :)?

将Bootstrap Active nav-pills标签边框底部形状更改为实线下划线

尝试将nav-pills边框底部的Bootstrap Active Tab更改为矩形。 端点是弯曲的,无法将其更改为实心下划线。 请参阅此链接:Bootstrap Nav Pills – JSFiddle – 我不知道如何在这里放置jsfiddle链接。 anwyasys。 下面是代码。 请帮忙。 jquery以上2.X版本使用。 无法正确解析jsfiddle.net链接插入 $(document).ready(function () {console.log(“highlight.js file executed…”); $(‘ul.nav > li > a’).click(function (e) { e.preventDefault(); $(‘.initial-active’).removeClass(‘initial-active’); $(‘ul.nav > li > a’).removeClass(‘active’); $(this).addClass(‘active’); }); }); Bootstrap Navpills PQ CA DL MP PQ PQ section. CA CA section DL DL section MP MP […]

在Twitter Bootstrap 3中的旋转木马中找不到幻灯片类

我在twitter bootstrap 3中制作旋转木马,但是当我使用“旋转木马幻灯片”类时,它会给出错误的未知类幻灯片。 在我正在使用的代码下面。 请指导我。

不带触发器显示弹出窗口

我想显示一个没有任何触发选项的弹出窗口..我试过这个,但它不起作用.. $(‘#boo’).popover({ placement : ‘right’, html : true, trigger : ‘show’, content: “write sth” }); go [ 更新 ]我刚注意到show没有在触发器选项中列出..( 链接 )..有没有办法让它工作?

如何显示未经授权的可以访问的错误

我正在使用Bootstrap,它有div class=”alert notice” ,它有一堆用于各种通知消息的类。 我还有一个用于评论的AJAX销毁操作,我已经添加了cancan授权。 当我尝试删除一条注释时, current_user无权访问它不起作用 – 这是正确的。 但我想要发生的是弹出一个错误信息,在Bootstrap style’d div中持续5-10秒然后消失。 这是我的CommentsController.rb上的destroy动作 def destroy respond_to do |format| if @comment.destroy format.html { redirect_to root_url, notice: ‘Comment was successfully deleted.’ } format.json { head :no_content } format.js { render :layout => false } else format.json { render json: @comment.errors, status: :unprocessable_entity } end end end 我在同一个控制器中的私有方法中设置了@comment […]

Knockout js foreach将大数据绑定到逐行模板

我有一个像下面的数据绑定使用knockout和bootstrap css。 我有这个学位编码jSON,让我们说40项。 但在UI方面我只想在每个 第五个应该创建一个新的 并在那里添加内容。 所以如果它正常工作它会有10个 并且每个都有4个项目 我该怎么做这样的模板? 当它到达n mod 4 = 0时它添加一个新的div类行,其中n是来自jsonview的当前项被绑定? 如果有帮助,我可以添加父div > 如果它正常工作它会呈现像…… Degree1 Degree2 Degree3 Degree4 Degree5 Degree6 Degree7 Degree8

如何覆盖一个表单的成功行为?

我们正在研究Asp.Net MVC ,使用带有Bootstrap JQuery Validation和jquery.validate.unobtrusive在我们的表单中显示成功和错误状态。 这或多或少是我们默认的配置: jQuery.validator.setDefaults({ ignore: “”, validClass: “has-success”, errorClass: “has-error”, highlight: function(element, errorClass, validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element).closest(‘.form-group’).removeClass(validClass).addClass(errorClass); } }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass(errorClass).addClass(validClass); $(element).closest(‘.form-group’).removeClass(errorClass).addClass(validClass); } } }); 为页面上的特定表单覆盖此选项的正确方法是什么? 我不想完全覆盖默认值。 这是我想要在一个页面中只对一个表单执行的更改(用户请求了不同的行为)。 表单没有validation器,因此它永远不会显示/使用错误样式,但是当用户在字段上选择一个值时,“成功”样式无论如何都会启动,我们也不想显示它。 覆盖页面上特定表单的突出显示和unhilight行为的正确方法是什么?

带有可滚动,固定列的Bootstrap网格

我正试图在我的Django页面上实现一个Bootstrap 3布局,而CSS(或我缺乏CSS技能)让我发疯…这个页面允许我将学生分成小组,我正在尝试使它漂亮可用于CSS。 我们的想法是在左侧有一个较小的列,其中包含未分配的学生(全部在面板中),并且在右侧有一个包含组的面板的大列。 这个截图应该解释这个概念: 当我尝试粘贴左列并使用滚动时,问题就开始了。 到目前为止,我所做的每一次尝试都做了一些破坏网格布局的奇怪事 下面的尝试使左列水平可滚动,即使只有空的空间,这使得移动面板很痛苦(我简化了Django的东西,所有这些都有效)。 Not assigned {% for student in group.0 %} {{ student }} {% endfor %} {% for i in number_of_groups %} Group {{ i|add:”1″ }} {% for student in group %} {{ student }} {% endfor %} {% endfor %} 最后的“保存组”按钮是另一种痛苦,因为它有时会出现在左栏的中间。 相关的CSS如下: .connectedLists { min-height:100px; } /* to allow […]

弹出窗口内的表单更新popover hide上的原始表单

我在bootstrap popover中有一个表单, http://jsfiddle.net/BcczZ/185/ First Second Third One Two 1 2 3 我面临的问题是原始表单是在加载时隐藏的,只显示在实际克隆表单的popover中。 用户编辑和弹出窗口关闭后,我需要更新原始的表单元素值。 我不知道使用什么方法。 我认为最好是popover只是将表单移动到内部并将其放在接近的位置。 似乎是最短的路。 任何帮助或想法表示赞赏。 谢谢!

平滑滚动Bootstrap 3

我有一些问题试图在我的页面中有一个平滑的滚动,基本上我有这样的页面周围的锚标签: Module Description … 我使用以下javascript工作正常,但问题是,如果我使用此脚本,bootstrap 3的模态和其他function中断,不再工作 $(‘a[href*=#]:not([href=#])’).click(function() { if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”) || location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $(‘[name=’ + this.hash.slice(1) +’]’); if (target.length) { $(‘html,body’).animate({ scrollTop: target.offset().top }, 1000); return false; } } }); 我想知道什么可能是这个脚本的解决方案或有其他类似的脚本,使用bootstrap测试3谢谢