Tag: twitter bootstrap

将一个函数绑定到Twitter Bootstrap模式closures

我在一个新的项目上使用Twitter Bootstrap lib,我希望页面的一部分刷新并检索最近的模式closures的json数据。 我没有看到在文档中的任何地方可以有人指出,或build议一个解决scheme。 使用logging的方法有两个问题 $('#my-modal').bind('hide', function () { // do something … }); 我已经附加了一个“隐藏”类到模式已经所以它不会显示在页面加载,所以会加载两次 即使我删除隐藏类,并设置元素ID display:none和添加console.log("THE MODAL CLOSED"); 到上面的function时,我碰到什么都没有发生。

Bootstrap中col-lg- *,col-md- *和col-sm- *有什么不同?

Twitter Bootstrap 3中的col-lg-* , col-md-*和col-sm-* col-md-*什么区别?

禁止Twitter Bootstrap模式窗口closures

我正在使用Twitter Bootstrap创build一个模式窗口。 默认的行为是如果你点击模态区域之外,模态会自动closures。 我想禁用 – 即在模态外单击时不closures模态窗口。 有人可以分享jQuery代码来做到这一点?

什么是sr-only Bootstrap 3?

什么是类sr-only用于? 它是重要的还是我可以删除它? 没有工作正常。 这是我的例子: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> </ul> </div>

Bootstrap – 内部表的文本alignment类

Twitters Bootstrap Framework中是否有一组类alignment文本? 例如,我有一些表格,我想要alignment到右边… <th class="align-right">Total</th> 和 <td class="align-right">$1,000,000.00</td>

在Angular中处理Accordion的打开/折叠事件

如果我有这个代码: <accordion-group heading="{{group.title}}" ng-repeat="group in groups"> {{group.content}} </accordion-group> 使用AngularJS,angular-ui和Twitter Bootstrap,可以在打开时让手风琴调用一些动作吗? 我知道我不能简单地添加ng-click ,因为在“编译”为HTML来打开/折叠组之后已经使用了。

如何在没有水平滚动条的情况下制作引导程序3stream体布局

这里是示例链接: http : //bootply.com/76369 这是我使用的HTML。 <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div> 自举3没有容器stream体和排液。 我无法用.container类来包装它,因为它会变成固定布局。 如何使它stream畅 (整页宽度) 布局? ( 没有水平滚动条 ) 与这些标记。 当你在结果中查看时, x-scroll栏是可见的,所以你可以滚动到左右不应该。 编辑:2015-12-09 已经得到答案和Bootstrap已经从3.1.0发布了修复

如何使用bootstrap 3创build粘性左侧栏菜单?

我想用bootstrap 3创build一个左粘棒菜单,如下所示: http://getbootstrap.com/getting-started/ 我读了给定的文档http://getbootstrap.com/javascript/#affix 我尝试使用.affix但结果为零。 更新 :@Skelly, 谢谢你的好例子。 是的,我想要你的榜样。 我会下载你的例子HTML,但下载后,HTML文件的侧边栏不起作用。

自举中7个相同的列

我想知道是否有人可以解释如何在bootstrap中获得7个相同的列? 我正在做一个日历。 这段代码似乎做了5: div class="row"> <div class="col-md-2 col-md-offset-1"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> </div> 我的主要内容有以下课程,所以我希望7列可以坐在这里: COL-LG-12 任何人都可以解释,如果这是可能的,或者如果我必须坚持甚至数字?

Bootstrap旋转木马全屏幕

我试图让引导转盘中的图像显示全屏,但一直无法弄清楚,我一直在这个工作一段时间,完全卡住了。 现在我只有一个图像,但是一旦它工作,我会添加更多… <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Carousel Template &middot; Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!– Le styles –> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> <style> /* GLOBAL STYLES ————————————————– */ /* Padding below the footer and lighter body text */ body { color: #5a5a5a; height: 100%; […]