Tag: twitter bootstrap

引导3 datetimepicker事件没有启动: 我正在使用Bootstrap 3 DateTimePicker ，我想示例8（链接datetimepicker）。使用Javascript $('#dpStart').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $('#dpEnd').datetimepicker({ pickDate: true, //en/disables the date picker pickTime: false, format: "DD-MM-YYYY", useMinutes: false, //en/disables the minutes picker useSeconds: false }); $("#dpStart").on("dp.change", function(e) { alert('hey'); $('#dpEnd').data("DateTimePicker").setMinDate(e.date); }); $("#dpEnd").on("dp.change", function(e) { $('#dpStart').data("DateTimePicker").setMaxDate(e.date); […]

bootstrap glyphicon的空白占位符: 我有一个表头sorting引导glyphicons。该图标仅在表格按照特定标题sorting时才显示。当我单击单元格时，它会更改表格的大小。该表是dynamic的，所以我宁愿不修复单元格大小。有没有一种方法可以在那里放置一个占位符，代替graphics？我知道如何将JavaScript的工作来隐藏它，我只是不知道如何做的CSS给跨度一些大小。（这是引导3.0顺便说一句）… <span class="glyphicon glyphicon-arrow-down"><span> 是特定的图标。 Chrome说，显示时它的宽度是16px。实际的项目比较复杂一些，这里是一个很好的例子：

如何使用Twitter Bootstrap v3.0构build两列stream体布局: 由于bootstrap在v3.0中删除了* fluid css类，所以我找不到构build两列stream体布局的方法。目标是在旧的文档中实现类似于stream体布局示例的布局： http ://getbootstrap.com/2.3.2/scaffolding.html#layouts

Bootstrap 3在每个项目中具有不同高度的网格 – 是否仅使用CSS解决？: 我试图制作一个缩略图的网格，其中每个缩略图都有一个图像和一个标签。如果所有标签具有相同的长度，则工作正常，因为那么所有的缩略图都具有相同的高度： http://www.bootply.com/iSqwWyx5ms 但是，如果我缩短最右边的缩略图的文本，则下面一行的一部分会被推入一个新行，如下所示： http://www.bootply.com/Wqd021aaeM 我想要的是从第一行结束的最低点开始的第二行。我知道我可以用JavaScript解决它 – find每一行中最长的缩略图，并设置其他缩略图有这个高度。问题是，我有什么办法做，或者其他可以解决我的问题，只使用CSS？更新：我不知道在一行中有多less物品。例如，在一个小屏幕上，我有一个连续的2个项目，而在一个更大的屏幕上它将是3，所以当一个新的行开始设置的解决scheme对我不好。

如何设置一个buttonalignment与Bootstrap？: 我正在学习Bootstrap。该结构在某种情况下是一个容器。在容器的底部，我在描述旁边放了一个button。现在，我想设置buttonalignment的权利没有打破引导结构。我该怎么办？我已经设置了button样式的“float：right”，但是它看起来很糟糕。该button位于“警报信息”背景之外，而不是垂直alignment。有更好的方法吗？ <div class="alert alert-info"> <a href="#" class="alert-link">Summary:Its some description…….testtesttest</a> <button type="button" class="btn btn-primary btn-lg" style="float:right;">Large button</button> </div>

使Twitter Bootstrap导航栏链接处于活动状态: 在Twitter Bootstrap导航栏中join主动链接的标准方式是什么？很明显，一个链接通过获得“主动”类获得积极的外观。例如，下面的Home链接处于活动状态。当我点击导航栏中的任何链接，应该使用jQuery从li元素中删除所有类，然后将active类添加到我已经id'd的链接？ <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> 编辑：我包括 <script type="text/javascript"> $('.nav li a').on('click', function() { alert('clicked'); $(this).parent().parent().find('.active').removeClass('active'); $(this).parent().addClass('active'); }); </script> 之后的链接。当我点击链接时会出现警告，但是“活动”类不会添加到链接中。这是我所有的导航栏HTML： <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="#">AuctionBase</a> <div class="nav-collapse"> <ul class="nav"> <li><a href="home.php">Search</a></li> <li><a href="about.php">About</a></li> </ul> </div> </div> […]

使twitter引导标签持久化的最佳方法: 什么是使这些标签持续的最佳方式？ http://twitter.github.com/bootstrap/javascript.html#tabs 要添加一些上下文，这是一个rails应用程序。我将数组[tab1，tab2]传递给我的视图，呈现两个选项卡，并使用引导选项卡插件切换其可见性。

Twitter的引导进度栏animation页面加载: 我有一个带有几个引导进度条的页面。设置它们的值最初工作正常。虽然我希望进度条在用户打开页面时animation/转换到其特定状态。这JS工作正常，当你点击其中一个酒吧。我会需要这样的一个“onload”事件的吧。但“onload”事件不适用于s //animate progress bars $('.progress .bar').on("click", function(event) { var me = $(this); perc = me.attr("data-percentage"); me.css('width', perc+'%'); }); 我怎样才能实现页面加载页面上的所有进度栏的这种行为？

居中Twitter引导button: 我正在使用Twitter Bootstrap制作一个表单，并且将button集中在一个非常困难的时间。它包含在一个跨度为7的div中。下面是HTML，并且button位于最下面。有关如何居中这件事的任何build议？ <div class="form span7"> <div id="get-started"> <div id="form-intro"> <strong><h1>1. Get Started: Some basics</h1></strong> </div> <form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputSaving">What are you saving for?</label> <div class="controls"> <input class="span4" type="text" id="inputSaving" placeholder="eg Swimming Lessons, Birthday Party, College Fund, etc."> </div> </div> <div class="control-group"> <label class="control-label" for="description">Add a short description</label> <div class="controls"> <textarea […]