Tag: twitter bootstrap

用Twitter Bootstrap实现Modernizr可以吗？: 用Twitter Bootstrap实现Modernizr可以吗？我目前正在使用Bootstrap和Google的html5shiv，而且我想知道是否可以使用Modernizr，或者仅仅是为了让旧的IE浏览器激活HTML5元素而过度使用它呢？提前致谢

选中checkbox后，dynamic更改引导程序进度栏值: 我正在尝试使用引导程序进度条制作dynamic清单。这是我的标记代码 <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> </div> </div> <div class="row tasks"> <div class="col-md-6"> <p><span><?php echo $title; ?></span><?php echo $description; ?></p> </div> <div class="col-md-2"> <label><?php echo $date; ?></label> </div> <div class="col-md-2"> <input type="checkbox" name="progress" class="progress" value="<?php echo $progress; ?>"> </div> <div class="col-md-2"> <input type="checkbox" name="done" class="done" value="<?php echo $done; ?>"> […]

Twitter Bootstrap隐藏CSS类和jQuery: 我使用隐藏CSS类来隐藏页面加载button。问题是，当我试图显示button我以前隐藏与jQuery的button更小。（同样的事情不会发生，当我使用jQuery隐藏，然后显示button）感谢您的帮助。编辑：隐藏类是这样的： .hide { display: none; } 我的button： <a class="btn hide" id="buttonEditComment" href="javascript:void()"><i class="icon-comment"></i> Edit comment</a> 我用JavaScript来显示button： $("#buttonEditComment").toggle();

在Twitter Bootstrap中导航: 我希望能够将导航中心locking在页面中间，并使其保持以不同的分辨率为中心。我不想使用偏移量来推动它或保留余量，因为这只是将其拧在不同的浏览器宽度。这是我正在搞的一个典型的酒吧，但是UL总是左alignment。 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">Menu</a></li> <li><a href="#">On Tap</a></li> <li><a href="#">Shows</a></li> <li><a href="#">Surfwear</a></li> <li><a href="#" >Contact</a></li> </ul> </div><!–/.nav-collapse –> </div><!– container –> </div><!– navbar-inner –> </div><!– navbar navbar-fixed-top –>

如何在Twitter Bootstrap中添加自定义图标？: 我用Twitter Bootstrap添加图标没有问题。他们有很多的select。 http://twitter.github.com/bootstrap/base-css.html#icons 但是，我找不到适合的菜单项目之一。这是关于“汽车”。我想要的是我想添加我的自定义图标。我怎样才能做到这一点？

closures事件后的angular度用户界面模式: 有一种方法可以在模态窗口被调用后调用函数（不pipe它是否发生在button上或点击背景） var dialog, options; options = { windowClass: "lightBox" templateUrl: "url to the template", controller: "some random controller", scope: $scope }); $("body").css({ 'overflow': 'hidden' }); dialog = $modal.open(options); dialog.result.then(function() { $("body").css({ 'overflow': 'auto' }); }); 我希望每次模态窗口都closures结果中的函数，然后执行。现在只需执行手动closures模态我的$ modalInstance.close（）。但是，如果我点击背景此方法不会被调用任何想法如何我可以做到这一点？

Bootstrap3 .visible- * .hidden- *内联显示: Bootstrap有一些很好的.visible-* （例如.visible-lg ）类实用程序，用于根据屏幕大小select要显示或隐藏的内容。使用这些类时，它将应用样式display: block !important; 当在正确的屏幕尺寸。但有时候，我想用它来显示一些inline或inline-block元素。我怎么能干净地覆盖一些引导规则有select？或者它应该是一个自举function请求？编辑似乎我不是唯一一个想知道这个问题的人。这是github问题。感谢您的最新答案！

Bootstrap下拉菜单出现在其他元素后面 – IE7: 我正在使用Bootstrap 2.3.1 http://twitter.github.io/bootstrap/index.html 所以我使用他们的“下拉菜单”类来创build一些简单的快速使用下拉菜单，但由于某种原因在IE7上，他们出现在我的网站上的文本和其他元素后面。 testing链接： http : //leongaban.com/_projects/defakto/CDS/ 我添加了z-index到我的CSS，但似乎还没有做任何事情，请帮助！ .header .header-nav ul#nav-account ul.dropdown-menu, .header .header-nav ul#nav-library ul.dropdown-menu { z-index: 10000; } IE9，Chrome，FF等现代无头疼浏览器： IE7> 🙁 HTML <div class="header-nav"> <ul id="nav-account" role="navigation" class="pull-right"> <!– Language Dropdown Button –> <li id="language-btn"> <a href="#" id="drop1" class="dropdown-toggle" data-toggle="dropdown">English</a> <img src="img/header-small-down-arrow.png" alt="grey triangle"/><!– <span class="grey_triangle"></span>–> <!– Language Dropdown Menu–> <ul class="dropdown-menu" […]

保持文本环绕引导3响应式devise: 我有一个查看器与控制栏组成的连续divs。其他项目的FA图标已经在文本上，所以没有屏幕大小的问题，但为了区分具有更高级别控制的两个button来切换查看器中的内容。它们的布局如下所示： <i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next 当这个图像显示在像iPhone这样的小屏幕上时，图标移动到文本上，我希望它保持在它旁边。原因是另一个button，然后与它下面的图标排队，这是不好看的用户界面。 Previous<i class="fa fa-toggle-left lg"></i> 任何选项，如何防止他们包装？

JQuery滚动到Bootstrap模态的顶部: 我正在使用引导模式插件来显示我正在devise的网站上的长时间的法律信息，但问题是，如果你打开一个模式之后，第二个将已经滚动到第一个位置。所以我正在寻找一种方法来滚动一个div与JS / JQuery的顶部。这是我目前使用的代码： HTML： <!–MODAL–> <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="modalTitle"></h3> </div> <div id="modal-content" class="modal-body"> </div> <div class="modal-footer"> <button id="modalPrint" class="btn btn-info hidden-phone" onClick=''>Print</button> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> 使用Javascript： function openModal(heading, url) { $.ajax({ url: url, cache: false }).done(function( […]