Tag: twitter bootstrap

在滚动div后,如何将引导导航栏固定到顶部?

我试图让带有引导程序的导航栏出现在某个div之后,称为“A”。 Div“a”位于页面顶部,高度约为400px。 一旦用户滚过div“a”和滚动条,我希望滚动条粘在顶部。 类似于这样的事情: https : //www.facebook.com/home但我顶部没有video,它是一个图像。 我们可以这样做,我们自己引导吗? 谢谢!

Bootstrap 3>尝试创建具有相同高度的列

我刚刚开始学习,所以请坚持我,我会尝试提供尽可能多的信息。 使用Bootstrap 3我一直试图调整一些内容区域,使它们具有相同的高度。 我每行有4个具有未指定数量的列(我正在循环通过php数组来确定这一点)。 基本上无论我需要显示多少内容区域,它们都应该使用相同的高度,或者至少与它上面的其他三个高度相同。 我一直在使用这个jquery库> https://github.com/mattbanks/jQuery.equalHeights >效果很好但是每当我调整页面大小时,内容区域的高度都不会更新(如果我将屏幕拖动到新的大小和命中刷新高度重新调整到正确的位置) 我还查看了一些其他解决方案,例如> Twitter Bootstrap – 流体列的相同高度,但是当我调整多行时,这似乎不起作用。 任何帮助将不胜感激,无论我是应该使用JavaScript解决方案还是我可以使用CSS做什么。 记住它我需要高度一致,并在屏幕resize时重新调整。 我更喜欢使用Bootstrap 3,但如果解决方案可用于2,我将使用该版本。 one line of copy lots and lots of copy lots and lots of copy lots and lots of copy lots and lots of copy one line of copy one line of copy 以上是我的html,第二个内容区域有大量的副本 $(‘#equalheight div’).equalHeights(); $(window).resize(function(){ $(‘#equalheight div’).equalHeights(); […]

Twitter Bootstrap iFrame用法?

刚开始探索Twitter的Bootstrap,我喜欢我所看到的。 但是我有一个关于如何实现包含iFrame的Tabs的查询。 我知道iFrame非常糟糕,但正确使用对于显示不同类型的数据非常有用。 我有jQueryUI选项卡的经验,它允许我在选项卡内显示iFrame。 但是我找不到任何与Bootstrap相同的文档。 从jQueryUI的角度来看,我过去曾这样做过: Page 1 Title Page 2 Title 以上是比标准的jQueryUI Tab实现更先进。它允许我偏移iFrame的负载,直到用户选择选项卡,这是加载大量页面时的最佳方式。 但是,我看不到与Bootstrap类似的方式。 在这里寻找指点。 干杯尼克

如何使用twitter-bootstrap和popover修复滚动?

我正在使用twitter-bootstrap和popovers。 我面临以下问题:当用户点击在页面底部打开弹出窗口的链接时,它会首先滚动到页面顶部。 这要求用户向下滚动以查看弹出窗口。 在twitter-bootstrap网站上的演示中,我没有看到这一点,并且想知道我是否可以在这个问题上得到帮助。 Bhangra indian Jingle Bells balle balle Merry Christmas

Twitter Bootstrap模式 – IsShown

您好,SO用户, 在我自动填充模态框的地方遇到了这个问题。 有时它已经有内容,所以我尝试在每个请求上进行隐藏/显示。 但该节目在隐藏function完成之前被触发,因此它会破坏脚本。 我无法绑定到“隐藏”,因为如果它是第一次 – 它将不会从引导程序中激活隐藏的函数。 使用modal(’true’)我可以看到该对象有一个isShown元素,但有谁知道我如何访问它? console.log显示了这个: $backdrop [div.modal-backdrop] $element [div#modal-from-dom.modal] isShown true settings Object { backdrop=”static”, keyboard=true, show=false} hide function() show function() toggle function() __proto__ Object { toggle=function(), show=function(), hide=function()}

Bootstrap Datepicker更改触发3次

嗨,我一直试图获得一个引导日期选择器的日期,并且已经能够但它似乎发射了3次。 注意:这不是jquery日期选择器,而是引导日期选择器。 使用这个日期选择器: https : //github.com/eternicode/bootstrap-datepicker ,而不是旧的eyecon.ro one。 $(“.date-picker”).on(“change”, function(e) { contents = $(this).val(); id = $(this).attr(‘id’); console.log(“onchange contents: ” + contents); console.log(“onchange id: ” + id); }); HTML: 除了改变之外,我还使用了其他一些选项 $(‘.date-picker’).datepicker().change(function(){}; 但这并没有关闭日期选择器,希望有一个简单的解决方案。 谢谢

Bootstrap Typeahead仅允许列表值

是否可以将用户的选择限制为Bootstrap Typeahead项的预定义数据源项? 因此,如果用户键入了不在数据源中的内容,则会显示一条消息,通知他们这样做? 这是演示: http : //cruiseoutlook.com/test

如何将“幻灯片”和“滑动”事件附加到Bootstrap工具包的轮播?

这是一个工作Bootstrap旋转木马的小提琴。 http://jsfiddle.net/jeykeu/5TDff/ 这里是官方文档,它没有说明事件的使用情况。 http://twitter.github.com/bootstrap/javascript.html#carousel 我认为这会有效但不是: $(‘#carousel’).bind(‘slide’,function(){ alert(“Slide Event”); });

未捕获错误:语法错误,无法识别的表达式:#/ angularjs和jquery

每当我的页面加载时,我的控制台中都会显示以下错误 “未捕获的错误:语法错误,无法识别的表达式:#/ about” 我的代码如下: Home About Pricing 它显示了所有初始实例。 最初,它显示为#/ about,因为它是第一个,如果我删除关于我们选项卡它将显示定价页面链接。 它不是引导标签问题,这只是简单的导航 app.js中的路由代码: $routeProvider.when(‘/’, { templateUrl: ‘partials/home.html’ }).when(‘/account’, { templateUrl: ‘partials/account.html’, }).when(‘/terms’, { templateUrl: ‘partials/terms.html’ }).when(‘/about’, { templateUrl: ‘partials/about.html’ }).otherwise({ redirectTo: ‘/’ }); 我已经调试了它的bootstrap,bootstrap nav导致这个问题的问题:“nav navbar-nav”修复了这个是data-target =“#”但是想要正确解决这个问题

Jquery打开远程url的Bootstrap v3模式

我有一个链接页面链接到我需要在Bootstrap模式DIV中打开的内部页面。 问题是,当以这种方式加载内容时,似乎将最新版本的Bootstrap v3与jQuery v2.1.4结合使用是行不通的。 我已经阅读了大量关于使用Bootstrap创建模态以及如何逐步淘汰远程内容的教程。 但是必须离开才能使用jQuery,或者不是。 理论是,当你点击 View 72 应该读取data-load-remote的内容并使用类modal-body注入div。 × Event Loading… Close Save changes 但是,当我使用jQuery v2.1.4和BS v3.3 +尝试这个例子时,它所做的是打开一个带有灰色背景的模态窗口,但模态窗口的所有样式都消失了。 这意味着它似乎只显示模态体div,但模态页眉div中的模态标题,漂亮的模态框架和底部按钮根本不显示。 关闭该框的唯一方法是在模态框外单击。 我已经找到了关于如何以这种方式打开远程URL的示例,但它们都使用过时版本的bootstrap,而不是我正在使用的版本。 请问有人可以解决这个问题吗?