Tag: twitter bootstrap 3

Bootstrap，Twitter Bootstrap和Bootstrap 3有什么区别？: 有人可以告诉我Bootstrap，Twitter Bootstrap和Bootstrap 3有什么区别吗？

引导3 – 如何通过AJAX加载模态内容的内容？: 正如你在这里看到的，我有一个启动模式的button。为这个button设置一个href url，这个url会被Bootstrap 3自动加载到模态中。事实上，这个页面被加载到模态根目录（就像在引导3文档中为模态使用所说的那样）。我想把它加载到模态体中。有没有办法通过属性（而不是JavaScript）来做到这一点？或者什么是最自动的方式呢？ PS我记得在Bootstrap 2的内容被加载在身体，而不是根。

如何在bootstrap中使用垂直alignment: 简单的问题：如何使用引导程序在col中垂直alignmentcol？这里的例子（我想垂直alignmentchild1a和child1b）： http://bootply.com/73666 HTML <div class="col-lg-12"> <div class="col-lg-6 col-md-6 col-12 child1"> <div class="col-12 child1a">Child content 1a</div> <div class="col-12 child1b">Child content 1b</div> </div> <div class="col-lg-6 col-md-6 col-12 child2"> Child content 2<br> Child content 2<br> Child content 2<br> Child content 2<br> Child content 2<br> </div> </div> UPDATE 一些CSS： .col-lg-12{ top:40px; bottom:0px; border:4px solid green; } .child1a, .child1b{ […]

button上的Twitter Bootstrap onclick事件: 我有一个Twitter Bootstrapbutton收音机，并挂钩onclick事件。但是，如何检查哪个button被触发？我的第一个想法是简单地检查“活动”类，但是这应该创build一个竞赛条件（结果取决于Twitter Bootstrap事件或我自己的onclick事件是否首先被处理）。

下拉菜单上的引导程序3箭头: 在bootstrap 2中，下拉菜单有一个向上的箭头，因为它可以在这里看到（我不是在谈论carret）。现在使用引导3或最新的GIT这个箭头不存在于我简单的例子下面，也不在引导主页上的例子。如何使用bootstrap 3再次添加这个箭头？ <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Menu <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> </ul> </li> PS：准确地说，图片可以在另一个 stackoverflow文章中看到。

网格系统下推和偏移有什么区别？: 我试图了解Bootstrap网格中push和offset的区别。例如，下面两行之间的唯一区别是每行中的第三列。一个使用推，另一个使用偏移量。但是，他们都完全一样。 <div class="row"> <div class="col-md-2"> <h2>Column 1</h2> <p> This is text for column 1 </p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more »</a></p> </div> <div class="col-md-2"> <h2>Column 2</h2> <p>This is text for column 2</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more »</a></p> </div> <div class="col-md-2 col-md-push-6"> <h2>Column 3</h2> <p>This is text for column 3</p> <p><a class="btn […]

Twitter的Bootstrap响应背景图像内Div: 如何修改#bg图片，以便在所有浏览器中都能够响应，resize和成比例？ HTML： <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 col-sm-6 col-xs-12 well" id="bg"> </div> <div class="col-md-2"></div> </div> </div> CSS： @import url('bootstrap.min.css'); body{ background: url('../img/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 12%; } #bg{ background:url('../img/con_bg4.png') no-repeat center center; height: 500px; }

如何使固定高度的Bootstrap面板体: 我使用引导的panel来显示文本和图像，但随着文本的增长，面板的主体也增加。我想知道如何创build具有固定高度的身体，例如10行或者最多10行。这是我的代码： <div class="span4"> <div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body">fdoinfds sdofjohisdfj</div> </div> </div>

Bootstrap 3：仅在较小的屏幕上推/拉列: 我在页面上有以下布局： <div class="col-lg-3">1</div> <div class="col-lg-2">2</div> <div class="col-lg-2">3</div> <div class="col-lg-2">4</div> <div class="col-lg-3">5</div> ——— —– —– —– ——— | 1 | 2 | 3 | 4 | 5 | ——— —– —– —– ——— 但在较小的屏幕尺寸，我想要以下布局： <div class="col-xs-6">1</div> <div class="col-xs-6">5</div> <div class="col-xs-4">2</div> <div class="col-xs-4">3</div> <div class="col-xs-4">4</div> —————– —————– | 1 | 5 | —————– —————– | 2 | […]

Bootstrap 3与当前的AngularJS引导指令兼容？: 引导3版本是否与当前的AngularJS引导指令兼容？我想在AngularJS中使用Bootstrap 2.3.1指令： http://angular-ui.github.io/bootstrap/ 使用Bootstrap 3.0.0 CSS： https://github.com/twitter/bootstrap/tree/3.0.0-wip/ 为什么？ AngularJS团队仍在为v2.3.1开发JS指令，并且需要时间赶上v3.0.0。我现在要开始使用v3 CSS网格语法。 https://github.com/angular-ui/bootstrap/issues/331