Tag: twitter bootstrap

带有固定包装的Bootstrap网格 – 防止堆叠起来: 正如标题所说，我正在试图使用Bootstrap 3网格系统与一个固定的包装。但是，当我调整浏览器的列堆叠，即使包装保持相同的大小？顺便说一句：我使用的版本3，以便我可以移动到一个响应式布局后，我已经移植的网站。（这是巨大的，我是一个人，所以一步一步是唯一的select…） <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!– Bootstrap –> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> <!– HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries –> <!–[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]–> <style> /* Custom container */ .container-fixed { margin: 0 auto; […]

Twitter的Bootstrap旋转木马垂直滑动: 是否有可能实现垂直旋转木马滑动widh Twitter的Bootstrap？在bootstrap.js中我find了这个 , slide: function (type, next) { var $active = this.$element.find('.active') , $next = next || $active[type]() , isCycling = this.interval , direction = type == 'next' ? 'left' : 'right' , fallback = type == 'next' ? 'first' : 'last' , that = this 我试图改变方向“上”和“下”，但滑动不工作。

Bootstrap 3 RC 1中的typeahead JavaScript模块在哪里？: 正如你所知，Bootstrap RC 1就在这里，我一直在阅读这个新框架中的所有新function。但是猜猜是什么，typehead是不在文档中的。有谁知道这是出于什么原因？我发现这些例子，而谷歌search，我也读到这篇文章，他们改变了typehead Bootstrap。那么我必须手动添加它还是也在Bootstrap 3包中？有没有人知道这件事？

Bootstrap 3 – 在移动设备上的桌面视图: 在移动设备上时，是否可以将引导程序网站显示为桌面版本？基本上页面将显示992px或1200px视口，而不是小设备之一。例如， BBC允许您使用页面底部的链接在手机和桌面网站之间切换，这正是我想要做的。谢谢你，利亚姆

如何扩展Twitter Bootstrap插件: 我正在挖掘Twitter的Bootstrap，现在想尝试添加一些function的插件，但我不知道如何做到这一点。以模式插件为例（ http://twitter.github.com/bootstrap/javascript.html#modals ），我想添加一个新的function插件，可以被称为一个标准的插件方法。最接近我认为我来了是用下面的代码，但是当我尝试访问时，所有我得到的是该函数不是对象的一部分。有什么build议么？这是我所尝试的，似乎是最接近我需要做的事情： $.extend($.fn.modal, { showFooterMessage: function (message) { alert("Hey"); } }); 那么我想打电话给它，如下所示： $(this).closest(".modal").modal("showFooterMessage"); 编辑：好的，我想通了如何做到这一点： (function ($) { var extensionMethods = { displayFooterMessage: function ($msg) { var args = arguments[0] var that = this; // do stuff here } } $.extend(true, $.fn.modal.Constructor.prototype, extensionMethods); })(jQuery); 现有的Bootstrap插件的问题是，如果有人想扩展它们，新的方法都不能接受参数。我试图“解决”这个是在插件函数调用中添加参数的接受。 $.fn.modal = function (option) { […]

向自举下拉列表中添加幻灯片效果: 我正在使用引导，我想添加animation到下拉菜单。我想给它添加一个animation，当它离开时，向下滑动并备份。我怎么能这样做？我试过的东西：像这样改变Js下拉文件：我怎样才能使Bootstrap的导航下拉幻灯片顺利上下？任何帮助将是好的！谢谢！。

Twitter Bootstrap 3中默认的图像不响应？: 它看起来像新版本3.0我必须设置图像的类名称col-lg-4 col-sm-4 col-4如果图像是div的一部分与相同的类名称，使图像响应所有的断点。在版本2中，图像CSS属性默认inheritance父级的div属性。它是否正确？

允许点击twitter引导下拉切换链接？: 我们已经设置了twitter引导下拉菜单来进行hover（而不是点击[是的，我们知道在触摸设备上没有hover]）。但是我们希望能够让我们的主要链接工作，当我们点击它。默认情况下，twitter bootstrap阻止它，所以我们如何重新启用它？

我可以使用CSS为引导图标添加颜色吗？: Twitter的引导使用Glyphicons的图标。默认情况下它们是“ available in dark gray and white ”的：是否有可能使用一些CSS技巧来改变图标的颜色？我希望有一些其他的CSS3辉煌，这将防止必须为每种颜色设置图标图像。我知道你可以改变封闭（ <i> ）元素的背景颜色，但是我正在谈论图标的前景色。我想这是可以反转图标图像的透明度，然后设置背景颜色。那么，我可以使用CSS为引导图标添加颜色吗？

Twitter Bootstrap在表单元格上使用collapse.js: 我正在处理列出交易（贷方和借方）的帐户页面。我希望用户能够点击一个表格行，并展开显示更多的信息。我正在使用twitter bootstrap并查看了文档，这是我的结果 <table class="table table-striped" id="account-table"> <thead> <tr> <th>#</th> <th>Date</th> <th>Description</th> <th>Credit</th> <th>Debit</th> <th>Balance</th> </tr> </thead> <tbody> <tr data-toggle="collapse" data-target="#demo1" data-parent="#account-table" class=""> <td>1</td> <td>05 May 2013</td> <td>Credit Account</td> <td class="text-success">$150.00</td> <td class="text-error"></td> <td class="text-success">$150.00</td> <div id="demo1" class="demo out collapse">Demo1</div> </tr> 请参阅： http : //jsfiddle.net/2Dj7Y/ 唯一的问题是，它显示的“下拉信息”在错误的地方，我想添加一个新的行，而不是打印在表的顶部我也尝试添加一个新的表格行（这只是显示行，并没有崩溃的行动（只适用于第一行） <tr data-toggle="collapse" data-target="#demo1" data-parent="#account-table" > <td>1</td> <td>05 […]