Tag: twitter bootstrap

如何在dynamic元素上绑定引导弹窗

我在dynamic列表中使用Twitter Bootstrap的popup窗口。 列表项有一个button，当我点击button，它应该显示popup窗口。 当我在非dynamictesting时，它工作正常。 这是我的非dynamic列表的JavaScript $("button[rel=popover]").popover({ placement : 'right', container : 'body', html : true, //content:" <div style='color:red'>This is your div content</div>" content: function() { return $('#popover-content').html(); } }) .click(function(e) { e.preventDefault(); }); 但是，它在dynamic列表上不能正常工作。 它可以显示出来，当我点击button“两次”，只显示我点击第一时间的列表项目之一。 MY html： <ul id="project-list" class="nav nav-list"> <li class='project-name'> <a >project name 1 <button class="pop-function" rel="popover" ></button> </a> </li> <li class='project-name'> […]

Twitter Bootstrap将活动类添加到li

使用twitter引导，我需要启动主导航的李部分主动类。 自动的。 我们使用PHP而不是ruby。 示例导航： <ul class="nav"> <li><a href="/">Home</a></li> <li><a href="/forums">Forums</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/faqs.php">FAQ's</a></li> <li><a href="/item.php">Item</a></li> <li><a href="/create.php">Create</a></li> </ul> 自举代码如下： <li class="active"><a href="/">Home</a></li> 所以只需要弄清楚如何将活动类追加到当前页面。 在Stack上看过几乎所有的答案，没有真正的喜悦。 我玩过这个： /*menu handler*/ $(function(){ var url = window.location.pathname; var activePage = url.substring(url.lastIndexOf('/')+1); $('.nav li a').each(function(){ var currentPage = this.href.substring(this.href.lastIndexOf('/')+1); if (activePage == currentPage) { $(this).parent().addClass('active'); } }); }) 但没有喜乐。

select2下拉，但允许用户的新值？

我想要有一组值的下拉菜单，但也允许用户“select”一个没有列在那里的新值。 我发现select2支持这个，如果你在tokens模式中使用它，但有没有办法做到这一点，而不是令牌？

在页面重新加载之后，如何使用twitter引导保持当前选项卡处于活动状态？

我目前正在使用Twitter Bootstrap的标签，并希望在用户发布数据和页面重新加载后select相同的标签。 这是怎么做的？ 我目前打电话给标签看起来像这样： <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> 我的标签： <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" data-toggle="tab">My Match</a></li> </ul>

我怎样才能得到一个Bootstrap列跨越多行？

我试图找出如何使用Bootstrap执行以下网格。 我不知道如何创build跨两行的框（数字1）。 这些框按照它们的布局顺序以编程方式生成。 方框1是一个欢迎消息。 任何想法最好的方式去与此？

Bootstrap图标在本地加载，但在线时不能加载

基本上我有以下的HTML： <button class="disabled btn-primary btn" type="submit" disabled=""> <i class="glyphicon glyphicon-ban-circle"></i> Log in </button> 本地图标在button上显示的很好，但是当我在Windows Azure上运行时，我得到下面的button，带有一个奇怪的外观前缀，而不是图标： 看着这个，我意识到，当访问我的网站在本地浏览器将尝试加载文件：/Content/fonts/glyphicons-halflings-regular.woff（它成功），而当在线（在azure色），它会尝试载入：/fonts/glyphicons-halflings-regular.woff 为什么不把它在本地执行的/ Content前缀。 我正在使用标准的引导文件，这是完全相同的网站在本地和在线运行。 另外我以下列方式捆绑内容： bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include( "~/Content/bootstrap/bootstrap.css")); 而文件结构看起来如下： 另外bootstrap正在寻找这样的文件： url('../fonts/glyphicons-halflings-regular.woff') 所以我会假设它会查找内容文件夹，而不是根目录，因为它当前驻留在Content / bootstrapcss文件夹中。

如何限制Bootstrap Datepicker中的可选date范围？

我需要使用datepicker，它提供了限制可选date的选项。 我们一直在使用jQuery UI来使用minDate，maxDate选项来支持它。 $("#id_date").datepicker({minDate: +1, maxDate: '+1M +10D'}); 最近我们开始为我们的风格使用Twitter Bootstrap。 显然，Twitter Bootstrap与jQuery UI风格不兼容。 所以我尝试使用http://www.eyecon.ro/bootstrap-datepicker/中的引导兼容dateselect器之一。 不幸的是，上面的插件不像jQuery UI的datepicker那样可configuration。 任何人都可以帮助我限制在新的dateselect器中的可选date范围。

jQueryUI工具提示与Twitter Bootstrap竞争

我已经能够得到一些工具提示终于与下面的代码工作： <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> 接着 <script> $('[rel=tooltip]').tooltip(); </script> 我遇到的问题是，它使用jQueryUI工具提示（没有箭头，大的丑陋的工具提示），而不是Bootstraps。 我需要做什么来使用Bootstrap Tooltips而不是jQueryUI？

从右到左支持Twitter Bootstrap 3

之前一直存在这样的问题： 支持RTL语言的Twitter Bootstrap CSS 但所有的答案都适合Bootstrap 2.x 我正在做一个阿拉伯文（rtl）的项目，我需要从右到左的Bootstrap 3.x。 有谁知道这个问题的解决办法吗？

在页面加载时启动Bootstrap模式

我根本不知道JavaScript。 Bootstrap文档说 通过javascript调用模态：$（'＃myModal'）。modal（options） 我不知道如何调用这个页面加载。 使用引导页面上提供的代码，我可以成功地调用单元上的模态，但是我希望它在页面加载时立即加载。