Tag: twitter bootstrap

如何创build可打印的Twitter-Bootstrap页面: 我正在使用Twitter-Bootstrap，并且需要能够以浏览器的方式打印页面。我可以使用Twitter-Bootstrap打印其他页面，但是我似乎无法打印纯粹使用Twitter-Bootstrap的页面。我在哪里错过了一个标签？官方TB页面打印时：我的网页打印时：我的网页实际上是这样的：

在引导弹窗内包含表单？: <div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> 的jsfiddle 我猜我会将表单内容存储在一个javascript函数中… 如何在自举popover中包含表单？

Twitter的Bootstrap多级下拉菜单: 是否有可能通过使用twitter引导2的元素有一个多层次的下拉菜单？原始版本没有这个function。

将Bootstrap更新到版本3 – 我该怎么做？: 我是Bootstrap的新手，并且具有旧版本2.3.2。版本3已经发布。如果我想使用最新版本，我只需简单地replaceCSS和Javascript文件？

如何将Twitter Bootstrap工具提示绑定到dynamic创build的元素？: 我正在使用JavaScript的Twitter引导工具提示，如下所示： $('a[rel=tooltip]').tooltip(); 我的标记看起来像这样： <a rel="tooltip" title="Not implemented" class="btn"><i class="icon-file"></i></a> 这工作正常，但我dynamic地添加<a>元素和工具提示不显示这些dynamic元素。我知道这是因为我只绑定.tooltip（）一次，当文档完成加载典型的jquery $(document).ready(function()function。我如何将它绑定到dynamic创build的元素？通常我会通过jquery live（）方法来做到这一点。但是，我用来绑定的事件是什么？我只是不知道如何挂钩引导.tooltip（）与jQuery的.live（）。我find了一种方法来使这项工作是这样的： /* Add new 'rows' when plus sign is clicked */ $("a.add").live('click', function () { var clicked_li = $(this).parent('li'); var clone = clicked_li.clone(); clone.find(':input').each(function() { $(this).val(''); }); clicked_li.after(clone); $('a[rel=tooltip]').tooltip(); }); 这工作，但似乎有点hackish。我也调用$（ready）调用完全相同的.tooltip（）行。那么，当页面第一次加载并且匹配那个select器时，存在的元素是否会以tooltip结束呢？我没有看到这种方法的任何问题。我只是在寻找最佳的做法或理解行为。

引导堆叠行中的差距: 我正在构build一个Bootstrap 3网格，最终将成为一个组合页面。在下面的例子中，在第一个例子中，你可以看到它在我的bootply中完美地从6堆栈到4堆栈到3 堆栈然而，在第二个例子中，在同一个bootply中，有一个项目，其中项目的瓷砖更长，并在堆叠时导致网格中的空隙。什么是最好的引导友好的解决scheme？任何帮助非常感谢。

单击closures时保持引导程序下拉菜单打开: 如果下拉列表可见，并且在closures的下拉列表之外单击。我需要它不closures。从文档：打开时，插件还会添加.dropdown-backdrop作为单击区域，以在菜单外单击时closures下拉菜单。我可以添加什么JavaScript来防止closures下拉菜单？

仅将CSS样式应用于某些元素: 我有一个现有的网站，有很多旧的页面和表格，我试图逐步过渡到CSS。我想使用Twitter Bootstrap样式表 – 特别是表单的样式 – 但只能在我明确要求的页面部分。例如，我可能会将整个表单包含在div中，如下所示： <div class="bootstrap"> <!– everything in here should have the Bootstrap CSS applied –> <form> <p><label for="text_input">Label</label><input type="text" id="text_input" /></p> </form> </div> 我希望所有其他forms保持与现在一样，因为我不能同时改变它们。有一个简单的方法来做到这一点？我可以通过Bootstrap CSS中的每一种风格，并添加一个父select器（例如'p'将变成'div.bootstrap p'），但是这将花费很长时间，并且很容易错过样式。编辑：如果这样的事情是不可能的，是否有一个免费的工具，可以从文件中提取所有样式，添加一个前缀，然后再保存回来？

Bootstrap 3折叠菜单不会在点击时closures: 我有一个从引导3或多或less的标准导航 <body data-spy="scroll" data-target=".navbar-collapse"> <!– ———- Navigation ———- –> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a href="#four">Four</a></li> </ul> </div> </div> </div> 它通常在较小的设备上崩溃。 […]

Bootstrapclosures响应菜单“点击”: 在“产品”上单击我滑动一个白色的div（如附件所示）。在响应式（手机和平板电脑）时，我想自动closures响应式导航栏，只显示白色条。我试过了： $('.btn-navbar').click(); 也试过了： $('.nav-collapse').toggle(); 它确实有效。然而，在桌面大小，它也被称为，做一些时髦的菜单，它缩小了一秒钟。有任何想法吗？