Tag: twitter bootstrap

Twitter Bootstrap响应式布局在IE8或更低版本中不起作用: 我使用twitter bootstrap开发了一个站点，IE8及以下版本的所有IE浏览器似乎都响应了布局部分。这只是不支持这些浏览器？

search引擎是否会在Bootstrap选项卡中看到我的dynamic创build的内容？: 我有一个页面index.php有3个Bootstrap选项卡，每个选项卡都是在用户点击之后生成的。例如：当页面加载时，我将执行SQL查询，将只从第一个选项卡的数据库中获取数据。当用户点击第二个选项卡时，我正在执行一个查询，它将采集数据并将其显示在选定的选项卡中。这是好的方法吗？当索引包含所有这些选项卡的页面时，Google是否也会查看所有数据？由于性能问题，我不想立即提取所有数据。这里是我的示例代码，所以请告诉我，如果这是一个好方法： index.php文件： <!DOCTYPE html> <html> <head> <title>Tabs demo</title> <!– Latest compiled and minified CSS –> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> </head> <body> <div class="container"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Home</a></li> <li><a data-toggle="tab" href="#menu1">Menu 1</a></li> <li><a data-toggle="tab" href="#menu2">Menu 2</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <h3>HOME</h3> <p>Some […]

如何将滚动条仅用于引导modal dialog中的模态体: 我有以下元素 <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> 它显示了这样的modal dialog，基本上它把滚动条放在整个modal dialog中，而不是包含我试图显示的内容的模态体。图像看起来像这样 – http://imgur.com/0ZZRjnJ 我怎样才能获得只有模态身体的滚动条？我试图指定style =“overflow-y：scroll; max-height：85％; margin-top：50px; margin-bottom：50px;” 模态身体，这并没有奏效。

修改Twitter Bootstrap折叠插件，以保持手风琴打开: 我试图修改Bootstrap折叠插件，让我指定是否点击一个手风琴（打开）应该自动closures手风琴中的其他项目（因此可以一次打开手风琴中的多个项目）我想在手风琴上创build一个新的数据属性，比如data-collapse-type="auto|manual" bootstrap jQuery插件对于我的技能水平来说有点高级。我所需要的最相关的部分似乎是在第52行， actives.collapse('hide') 。如果设置了'data-collapse-type ='manual''（省略属性或设置auto应该保持默认行为），我不希望发生这种情况。我创造了一个我已经实践的jsfiddle 。任何人都可以帮助让我在这个正确的轨道？

如何清除引导程序3中的“x”的search框？: 引导有一些麻烦，所以一些帮助将是真棒。谢谢我想要什么：（上半部分）我目前的代码： <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 目前屏幕截图

如何获得bootstrap-datepicker来使用Bootstrap 3？: 我使用由eternicode （Andrew Rowls）维护的bootstrap- datepicker版本。在引导2上它工作，但现在它不能与Bootstrap 3库一起工作。我怎样才能让bootstrap datepicker与Bootstrap 3一起工作？

select器是做什么的？: 我无法弄清楚这是什么： http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css的第33行 .row [class^="span"] { display: inline; float: left; margin-left: 20px; } 我了解风格，但我从来没有见过这种 [class^="span"]

保持引导下拉菜单点击: 我使用引导下拉菜单作为购物车。购物车中有一个“删除产品”button（一个链接）。如果我点击它，我的购物车脚本删除产品，但菜单消失。有没有办法来防止这种情况？我试过e.startPropagation，但似乎没有工作： <div id="shoppingcart" class="nav-collapse cart-collapse"> <ul class="nav pull-right"> <li class="dropdown open"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Totaal: â&sbquo;¬ 43,00</a> <ul class="dropdown-menu"> <li class="nav-header">Pakketten</li> <li> <span class="quantity">1x</span> <span class="product-name">Test Product </span> <span class="product-remove"><a class="removefromcart" packageid="4" href="#">x</a> </span></li> <li><a href="#">Total: € 43,00</a></li> <li><a href="/checkout">Checkout</a></li> </ul> </li> </ul> 正如你所看到的class =“dropwdown-toggle”的元素使其成为下拉菜单。另一个想法是，我只是重新打开它通过点击编程。所以，如果有人能解释我如何以编程方式打开引导下拉，这将有所帮助！

为Bootstrapinput完善100％宽度的父容器？: 如何使Bootstrapinput字段与其父元素的宽度完全相同？正如steve-obrien在Bootstrap Issue＃1058中写的：直接应用于input字段时，设置为100％不起作用，因为它不考虑填充。所以你最终得到了100％的容器加上input框上的填充，所以input框通常会在容器外面突破。该票提供了各种解决scheme，但是我正在寻找最好的方法 – 最好是由Bootstrap提供的CSS类。