Questions tagged «twitter-bootstrap-3»

请注意！ 此合并请求合并后，Bootstrap图标又回来了。 在过去的几周内反复进行此操作之后，我决定将Glyphicons图标字体恢复为主仓库。考虑到UI中普遍使用的图标，对于大多数人来说，不将它们（或其他一些图标字体）与CSS和JS包含在同一位置可能是不利的。 此更新附带以下内容： 恢复文档（在“组件”页面上） 新变量，@icon-font-path以及@icon-font-name，可灵活添加和删除图标字体 升级到最新的Glyphicons（添加40个新图标） 从CSS页面中删除旧的Glyphicons提及 将来，我们将致力于改进图标字体的自定义设置，以便更轻松地交换字体库（这是原始删除字体的全部动机）。 新版Twitter Bootstrap Glyphicons的CDN网址是哪个？ 他们从Bootstrap 3中移到了一个单独的存储库中，但是我没有找到任何CDN。 从官方文档中： 随着Bootstrap 3的发布，图标已被移至单独的存储库。这样可以使主要项目保持精简，使人们更容易交换图标库，并使Glyphicons图标字体更容易为Bootstrap之外的更多人使用。 在官方网站上他们没有提供图标的CDN网址。 在哪里可以找到它？我不想下载存储库并将其包含到我的项目中。

82 html  css  twitter-bootstrap  cdn  twitter-bootstrap-3 

我正在使用bootstrap 3 docs中的模式示例。模态作品。但是，当它触发时，我需要访问show.bs.modal事件。现在我只是在尝试： $('#myModal').on('show.bs.modal', function () { alert('hi') }) 没有任何反应，该事件不会触发。我究竟做错了什么？？？这对我来说没有意义。

82 modal-dialog  twitter-bootstrap-3  jquery 

有没有办法更改.btnBootstrap中的所有属性？我已经尝试过以下方法，但有时仍显示默认的蓝色（例如单击并删除鼠标后等）。如何完全更改整个主题？ .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2; }

81 css  twitter-bootstrap  twitter-bootstrap-3 

如何在Bootstrap响应表中设置列的大小？我不希望桌子失去响应能力。我也需要它在IE8中工作。我已包含HTML5SHIV和“响应”。 我正在使用Bootstrap 3（3.2.0） <div class="table-responsive"> <table id="productSizes" class="table"> <thead> <tr> <th>Size</th> <th>Bust</th> <th>Waist</th> <th>Hips</th> </tr> </thead> <tbody> <tr> <td>6</td> <td>79 - 81</td> <td>61 - 63</td> <td>89 - 91</td> </tr> <tr> <td>8</td> <td>84 - 86</td> <td>66 - 68</td> <td>94 - 96</td> </tr> </tbody> </table> </div>

81 css  html  twitter-bootstrap  twitter-bootstrap-3 

我不知道如何使引导列是这样的： col 3 | col 4.5 | col 4.5

80 twitter-bootstrap  twitter-bootstrap-3  multiple-columns  grid-layout 

到目前为止，我正在使用bootstrap 3网格系统，并且一切正常，我正在尝试使用col-xs-offset-1，尽管.col-sm-offset-1可以工作，但是它不起作用。我在这里想念什么？ <div class="col-xs-2 col-xs-offset-1">col</div> http://jsfiddle.net/petran/zMcs5/2/

80 twitter-bootstrap  twitter-bootstrap-3 

使用Bootstrap，我有一个网格列class =“ col-lg-3”，我想将其放置在position：fixed，而另一个.col-lg-9是正常位置（可滚动浏览整个页面）。 <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像LifeHacker.com中的左列一样， 您将看到左侧部分固定，但是我在页面上滚动。 我使用bootstrap v3.1.1

80 css  twitter-bootstrap  twitter-bootstrap-3 

我现在升级了bootstrap 3.0。看起来像btn的“ a”标记（在类.btn的帮助下）在navbar上损坏了。 <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改变了我认为的系统。

79 css  twitter-bootstrap-3 

在单击后如何使Bootstrap 3中的按钮自动取消按下？ 要复制我的问题，请制作一个带有一些按钮的页面，为它们提供适当的引导程序类（并包括引导程序）： <input id="one" type="button" class="btn btn-default" value="one"> <input id="two" type="button" class="btn btn-primary" value="two"> 加载页面，然后单击按钮之一。它会变得沮丧并突出显示，直到您单击页面上的其他位置（使用FF29和chrome35beta）。 在单击和未单击时检查输入元素不会显示附加的任何类，也不会从中删除任何其他类。 这是一个使Bootstrap按钮保持按下状态的示例：http : //jsfiddle.net/52VtD/5166/

78 html  css  twitter-bootstrap-3  html-input 

我正在使用Bootstrap 3.1.0的网站上工作。 您会注意到，当模式窗口打开时，浏览器滚动条会消失片刻，然后返回。关闭它时，它的作用相同。 我如何才能使其打开和关闭而没有浏览器滚动条交互。我曾在堆栈上看到有人遇到问题的帖子，但找不到针对我的问题的答案，因此，如果有人提出了此请求，并且有人知道此请求并希望将我链接到该请求，我将不胜感激它。发布前，我已经搜索了大约2个小时。

78 html  twitter-bootstrap  responsive-design  twitter-bootstrap-3 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group"> <a for="collapseOne" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="btn btn-primary">+ addInfo </a> <textarea class="form-control collapse" id="collapseOne" rows="4"></textarea> </div> <div class="form-group"> <a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" class="btn btn-info">+ subtitle </a> <input type="text" class="form-control collapse" id="collapseTwo"> </div> 运行代码段隐藏结果展开摘要 问题是，单击addInfo选项卡时，您会发现在展开时出现了跳跃text_area，即动画不流畅。

78 jquery  twitter-bootstrap  twitter-bootstrap-3 

我想知道是否有人可以解释如何在引导程序中获得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 谁能解释这是否可能，或者我是否必须坚持偶数？

77 html  css  twitter-bootstrap  twitter-bootstrap-3 

无论是否具有顶级导航，站点的页脚都会很粘。Bootstrap具有可轻松创建固定页脚的功能，但没有用于创建粘性页脚的功能-两者之间存在很大差异。 对这个问题进行谷歌搜索将发现，即使不是成千上万的开发人员也有相同的问题，但是没有好的答案。 具有讽刺意味的是，Bootstrap文档页面本身在引导样式和固定的顶部导航栏旁边都有一个粘性页脚。这都是自定义CSS，而不是框架的一部分。因此，显而易见的方法是采用和重构其自定义样式，因为它显然在Bootstrap框架中发挥良好的作用，但这似乎比原本要痛苦的多。 请参阅此插件，以获取带有Bootstrap顶部导航栏和不良的，不粘脚的页脚的示例页面。 问题： （感谢Softlayer-用于图形） 所需解决方案： 当然，页脚也应该具有响应性，并且跨浏览器友好。

76 css  twitter-bootstrap  twitter-bootstrap-3  sticky-footer 

如您所知，Bootstrap RC 1在这里，我一直在阅读有关这个​​新框架中所有新的令人敬畏的功能的信息。但是，猜猜是什么，Typehead不在文档中。有人知道这是出于任何原因吗？ 我在谷歌搜索时发现了这些示例，并且在这篇文章中我读到它们更改了Typehead Bootstrap。因此，我必须手动添加它还是在Bootstrap 3捆绑包中添加它？ 有人知道吗？

76 jquery  twitter-bootstrap  twitter-bootstrap-3 

如您在这里看到的，我有一个启动模态的按钮。设置按钮的href网址，该网址会由Bootstrap 3自动加载到模式中。事实是，此页面已加载到模式根中（如有关模式使用的bootstrap 3文档中所述）。我想将其加载到模态主体中。 有没有一种方法可以通过属性（不是javascript）做到这一点？或最自动的方法是什么？ PS：我记得在Bootstrap 2中，内容已加载到正文中，而不是根目录中。

76 ajax  twitter-bootstrap  twitter-bootstrap-3  modal-dialog