Tag: twitter bootstrap

用Twitter引导确认删除模式/对话框？: 我有一个绑定到数据库行的HTML表格。我想每行有一个“删除行”链接，但是我想事先与用户确认。有没有办法使用Twitter引导modal dialog做到这一点？

Twitter引导表单文件元素上传button: 为什么没有一个花式的文件元素上传button为twitter引导？如果蓝色的主要button是用于上传button，那将是甜蜜的。甚至有可能使用CSS来细化上传button（看起来像是一个本地浏览器元素，不能被操纵）

stream体或固定网格系统，在响应式devise中，基于Twitter Bootstrap: 我对twitter引导网格中的各种选项感到困惑，以及它们如何一起前进。首先，你可以有一个普通的固定container ，或一个container-fluid 。那么任何一个都可以包括一个普通的row ，或者一个stream体行的row-fluid 。也就是说，你可以有一个固定的容器与一个stream体行，或一个容器stream体…固定行？那么最重要的是，您可以包括“响应式”媒体查询，或不包括。我对这些事情如何相互作用感到困惑。但是让我们从一个明显的例子开始。在示例页面上，有一个固定网格和一个stream体网格的例子但是，在我的浏览器中，在该示例页面上 – 两个网格的行为都是相同的。也许是因为示例页面使用可选的响应式媒体查询？在这两个网格示例中，如果我逐渐缩小浏览器窗口，则网格元素不会逐渐变窄 – 一旦达到某个（响应）边界宽度，它们就会捕捉到更小的大小，并再次以更高的边界宽度捕捉。但是普通的“固定”例子和“stream动”例子在这里performance得完全一样，那么差别究竟是什么？

数据切换选项卡不会下载传单地图: 我使用的标签来显示清晰的内容，但其中一个停止下载，因为它在数据切换选项卡。这是一个传单地图。这里是代码：导航代码： <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Données principales</a></li> <li><a data-toggle="tab" href="#carte">Carte</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active">Lorem ipsum</div> <div id="carte" class="tab-pane fade"> **//see script below\\** </div> </div> 脚本： <div id="carteBenef"></div> <script type="text/javascript"> $(document).ready(function () { var map = new L.Map('carteBenef'); var cloudmadeUrl = 'http://{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png', subDomains = ['otile1', 'otile2', […]

偏移列不起作用（Bootstrap v4.0.0-beta）: 我正在使用Boostrap 4（Bootstrap v4.0.0-beta）testing版，并面临偏移列的问题。早些时候，我曾经做过offset-md- * ，它正在工作，BS4 Beta根据文档被删除。在文档中提到的新方法是使用.ml-auto ，当我尝试使用它与col-md-4它是抵消4列。我想要的是自定义抵消像 **<div class="col-md-4 offset-md-2"></div>** 我试过使用 **<div class="col-md-4 ml-md-2"></div>** 但没有工作这是错误还是有另一种方法来做到这一点？这里是关于抵消https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns的官方文档

！function（）{}（）vs（function（）{}）（）: 在审查Twitter Bootstrap Javascript中编写的一些代码时，看起来他们正在调用匿名函数，如下所示： !function( $ ) { … }(window.jQuery || window.ender); 传统上，我曾经这样做过这样的事情： (function($) { … })(window.jQuery || window.ender); 第一种方式似乎有些不好意思，我不确定这样做有什么好处或理由，而不是第二种方式呢？请注意，我明白它是如何工作的，我正在理解为什么他们select这种方式来做到这一点。

隐藏Twitter的Bootstrap导航点击崩溃: 这不是子菜单下拉菜单，类别是图中的李类：通过从响应菜单中select一个类别（模板只是一个页面），我想隐藏导航自动点击时折叠。也漫步作为导航使用，因为该模板只有一个页面。我寻求一个不影响它的解决scheme，这里是菜单的HTML代码： <!– NAVBAR ================================================== –> <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> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!– dropdown –> </ul> <!– /.nav –> </div> […]

Bootstrap 3使用Chevron图标折叠显示状态: 使用从Bootstrap 3 Javascript 示例页面获取的关于Collapse的核心示例，我已经能够使用V形图标显示崩溃的状态。我有这个工作使用： $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); 这工作（没有在所有浏览器中完全testing），但我想知道是否有一个更优雅的解决scheme呢？理想情况下，我想使用核心function，但我不知道如何实现相同的结果。 $('#accordion').on('hidden.bs.collapse', function () { //do something… }) 这是jsfiddle中的一个工作版本。

在popover被徘徊的时候，我怎样才能保持bootstrap popover？: 我正在使用twitter boostrap的popup窗口来创build一个hover卡来显示用户信息，我在这里触发mouseover检查jsfiddle的popup。我想保持这个popover，而它被徘徊。 <a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a> $('#example').popover({ html : true, trigger : 'manual', content : function() { return '<div class="box"></div>'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); 你可以想到Facebook的hover卡的工作。我想以同样的方式。我该怎么做？