Tag: twitter bootstrap 3

Bootstrap模式：背景跳转到顶部的切换: 我有一个问题，与一个模式。我有一个页面上的button，切换模式。当模式显示时，页面跳转到顶部。我尽我所能find一个解决scheme/等，但我真的迷路了。编辑：我也试过： $('#myModal').modal('show'); 但它具有完全相同的效果。

Navbar中的Bootstrap 3.0button: 我现在升级了bootstrap 3.0。和“a”标签看起来像btn（通过类.btn的帮助）在导航栏上被毁了。 <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> 但它不能正常工作。 Bootstrap改变了我认为的系统。

Bootstrap 3 – 为什么行类比容器宽？: 我刚开始使用bootstrap 3我很难理解row class是如何工作的。有没有办法避免填充左和填充权？ <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

Bootstrap 3 Glyphicons CDN: 请注意！在这个拉取请求合并之后，引导图标回来了。在过去几个星期来回之后，我决定将Glyphicons图标字体恢复到主要的回购。鉴于用户界面中的stream行图标，对于大多数人来说，不要将它们（或其他图标字体）包含在CSS和JS的相同位置，这可能是一种伤害。有了这个更新来了以下内容：恢复文档（在“组件”页面上）新的variables， @icon-font-path和@icon-font-name ，可以灵活地添加和删除图标字体升级到最新的Glyphicons（添加40个新图标）删除从CSS页面提到的旧字形我们将在未来改进图标字体的自定义，以便更换字体库更容易（这是原始删除的动机）。 Twitter Bootstrap Glyphicons新版本的CDNurl是？从Bootstrap 3开始，它们被移入一个单独的存储库，但是我没有find任何CDN。从官方文档：随着Bootstrap 3的推出，图标已经被移动到一个单独的存储库。这使得主项目尽可能地变得精简，使得人们更容易交换图标库，并且使更多的Bootstrap以外的人更容易地使用字形图标字体。在官方网站上，他们没有提供图标的CDNurl。哪里可以find它？我不想下载存储库并将其包含到我的项目中。

Twitter Bootstrap 3如何改变版本2.3.2？: 我正在研究自己的差异。到目前为止，我已经想出了： span is now col :- there are three types of col ie .col- .col-sm- .col-lg- for phone, tablet and pc respectively. additional class 'row' 还有什么更多的区别？来自已经完成研究的人。

了解Bootstrap 3中的网格类（col-sm-＃和col-lg-＃）: 我开始使用Bootstrap 3，并且在理解如何使用网格类时遇到了一些麻烦。以下是我迄今为止所了解到的：看来类col-sm-#和col-lg-#与普通的旧col-lg-#不同，它们只会在屏幕大于特定大小（分别为768像素和992像素）时应用。如果你忽略了-sm-或-lg-，那么div永远不会合并成一列。但是，当我在一行都是col-sm-6时候创build两个div的时候，当窗口宽度在768px和992px之间时，它们似乎只是并排的。换句话说，如果我把窗口一直缩小，然后慢慢加宽，布局是单列，然后是两列，然后再回到单列。这是预期的行为？如果我需要两列超过768px，我是否应该同时使用这两个类？（ <div class="col-sm-6 col-lg-6"> ） col-6 也应该包括在内吗？ <div class="col-6 col-sm-6 col-lg-6">

如何在bootstrap 3.0中使用glyphicons: 我已经在引导2.3中使用glyphicons，但现在我已经升级到引导3.0。现在，我无法使用图标属性。在bootstrap 2.3中，下面的标签正在工作 <i class="icon-search"></i> 在引导3.0，它不工作。

React Js有条件地应用类属性: 我想有条件地显示和隐藏这个button组，具体取决于从父组件传入的内容，如下所示： <TopicNav showBulkActions={this.__hasMultipleSelected} /> …. __hasMultipleSelected: function() { return false; //return true or false depending on data } …. var TopicNav = React.createClass({ render: function() { return ( <div className="row"> <div className="col-lg-6"> <div className="btn-group pull-right {this.props.showBulkActions ? 'show' : 'hidden'}"> <button type="button" className="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Bulk Actions <span className="caret"></span> </button> <ul className="dropdown-menu" role="menu"> […]

折叠边栏与Bootstrap 3: 我刚刚访问了这个页面http://www.elmastudio.de/，并想知道是否可以使用Bootstrap 3来构build左侧边栏的崩溃。代码从顶部折叠边栏（仅限手机）： <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> 补充工具本身有隐藏xs类。它被删除与以下js $('.sidebar-toggle').click(function(){ $('#sidebar').removeClass('hidden-xs'); }); 如果您单击该button，则会从顶部切换边栏。看到侧栏像上面显示的网站一样很棒。任何帮助表示赞赏！

引导程序3：仅向col-lg拉右: 新引导3 ….在我的布局，我有： <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 我希望“元素2”不要在小于屏幕的屏幕上alignment。所以有效的只有col-lg-6才能上课我怎么能做到这一点？这是一个小提琴： http : //jsfiddle.net/thibs/Y6WPz/ 谢谢