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( […]