Tag: twitter bootstrap
GLYPHICONS – 引导图标字体hex值
我想要使用GLYPHICONS图标字体，我需要每个图标的hex值，我没有看到有关它在引导网站和GLYPHICONS网站上的任何页面，所以如何将其embedded到项目中，并使用它？ 注意：我想使用GLYPHICONS icon-font不是PNG图标 我使用引导2.3.2
Twitter Bootstrap导航栏 – 右alignment下拉菜单
我正在使用Twitter Bootstrap（v2.1.1）和一个PHP站点。 我在php脚本中dynamic生成导航栏，因为如果用户login或离开站点，导航栏将具有不同的内容。 我想将最后一个下拉菜单alignment到屏幕的右侧，但还没有到目前为止。 这是一个jsFiddle显示简化版本： http://jsfiddle.net/fmdataweb/AUgEA/ 我想菜单2下拉到右alignment。 上次下拉的代码与其他下拉菜单的代码相同： <li class="dropdown pull-right"> <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="propertiesSearch.php">Logout</a></li> </ul> </li> 我试过把它变成： <li class="dropdown pull-right"> 但是这没有什么区别。 任何人都知道如何使用窗体和<p>文本来向下拉菜单？
Datepicker返回未捕获的types错误：undefined'currentDay'
我一直使用Bootstrap使用jQuery UI，我似乎遇到了一个我以前没有遇到的问题。 我不确定发生了什么变化。 我已经尝试设置不同版本的jQuery，同时我没有更新jQuery UI。 所以我不确定是什么打破了。 当我点击dateselect器中的任何date时，从控制台的错误返回： Uncaught TypeError: Cannot set property 'currentDay' of undefined 该代码是相当简单的，如从dateselect器期望： $(".datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 使用以下HTML： <input type="text" class="datepicker" /> 这是一个应该报告的错误（因为没有其他的Google比赛出现）或者是我错过了什么？
点击链接后closures引导程序下拉菜单
下面有一个引导下拉菜单。 它有一个链接，它连接到一个knockout.js绑定，返回false，因为我不希望＃标签发送到浏览器的url。 但是，这样做不会closures下拉菜单，当我点击链接。 无论如何，这个呢？ HTML <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown" data-bind="enable: !noResults()"><i class="icon-download-alt" ></i> Export <span class="icon-caret-down"></span></button> <ul class="dropdown-menu"> @foreach(var exportUrl in Model.ExportUrls) { <li> <a href="#" data-bind="disable: noResults(), download: { url: '@exportUrl.Value', data: data }"><img src="/Content/lesshttp://img.dovov.comimg/@(exportUrl.Key.ToString().ToLower()).png" alt="@exportUrl.Key.GetDisplayName()"/> @exportUrl.Key.GetDisplayName()</a> </li> } </ul> </div> knockut.js绑定 ko.bindingHandlers.download = { init: function (element, valueAccessor) { var value […]
引导工具提示工作，但隐藏由于Z指数？
如果你把鼠标hover在第一支铅笔上，你可以看到工具提示，但是它隐藏了。 我怎么能告诉所有的工具提示显示高于一切？ 相关的代码 $('.nav-text').on('click', null, function () { alert('heyo'); }); $('.nav-text').tooltip({ 'placement': 'right', 'title': 'heyo' }); 完整的例子 $('.down').click(function() { var $move = $('.side-study-box ul'); $move.css({ top: '-=20px' }) }) $('.up').click(function() { var $move = $('.side-study-box ul'); $move.css({ top: '+=20px' }) }) $('.nav-text').on('click', null, function() { alert('heyo'); }); $('.nav-text').tooltip({ 'placement': 'right', 'title': 'heyo' }); .side-study-box { […]
如何使用Bootstrap Datepicker获取选定的date值？
使用jquery和Bootstrap Datepicker，如何获取使用Bootstrap Datepickerselect的新date值？ 仅供参考，我正在使用Rails 3和Coffescript。 我使用以下命令设置数据访问器： <input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker"> <%= submit_tag 'Get Data using date', :id => 'get_data' %> $(".datepicker").datepicker endDate: new Date format: "yyyy-mm-dd" autoclose: true minViewMode: 1 todayBtn: "linked" 当用户点击它旁边的“获取数据使用date”button时，我将使用jQuery获取由datepicker设置的新date值，阻止表单提交并使用该date值运行ajax请求。 所有的Ajax运行良好，除了获得正确的新date值。 我尝试了以下两种方法，它不会给我新的date，它只会返回我最初设置的默认值。 sd1 = $('#startdate').attr('value') console.log sd1 sd2 = $('#startdate').attr('data-date')) console.log sd2 我现在感觉非常愚蠢，但我无法find如何获得由引导dateselect器设置的新date值。
Bootstrap JavaScript Carousel不会停止骑自行车
Twitter Bootstrap版本： 2.0.3 HTML代码示例： <!DOCTYPE html> <html dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/"> <head> <link rel="stylesheet" type="text/css" media="all" href="reddlec/style.css" /> <script type="text/javascript"> $(document).ready(function() { $('.carousel').each(function(){ $(this).carousel({ pause: true, interval: false }); }); }); </script> <script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script> <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script> <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script> </head> <body> <div id="myCarousel" class="carousel slide"> <!– Carousel items –> <div class="carousel-inner"> <div class="active item">…</div> <div class="item">…</div> <div […]
如何在angular2中使用引导程序4？
我正在构build一个用脚本编写的angular度2应用程序。 它将使用引导4框架结合一些自定义主题，这是可能的吗？ “ng2-bootstrap”npm包不起作用，因为它不允许我使用引导css类，而是提供自定义组件。 （ http://github.com/valor-software/ng2-bootstrap ） 在我的angular度2项目中，我使用的是sass，是否可以从源代码构build引导程序4，因为它也使用sass的样式？
Bootstrap 3.0附带列表更改宽度
我正在迁移到bootstrap 3.0.0，我遇到了粘贴菜单的问题：一旦粘贴（10px滚动后），它的宽度就会改变。 在这个小提琴中，它变得更小，在我的真实网站中它变得更宽，并扩大了实际的内容。 它与引导v2.3.2完美的工作。 检查后，看起来像列表项不能很好地显示.affix {position: fixed;}出现。 有任何想法吗？ 解决scheme：基于最新的评论，我最终添加了这个JS片断，很好地修复它，而不必为固定元素设置固定宽度： $(function() { var $affixElement = $('div[data-spy="affix"]'); $affixElement.width($affixElement.parent().width()); });
我不明白twitter bootstrap跨度和行
我是一个庞大的960网格系统的用户，我以为我会尝试Twitter的Bootstrap ，但也许这是一个愚蠢的问题，你可以笑和投票我但事实是我不明白的跨度和行。 所以我的问题是，当我创build一个容器，并在其中创build跨度时，它不能正确匹配： 像在960gs，如果我写下面 <div class="container_12"> <div class="grid_4"></div> <div class="grid_4"></div> <div class="grid_4"></div> </div> 我得到了一个完美的3列彼此相邻。 但是我无法通过Twitter Bootstrap来实现这一点，不pipe我做什么，我总是会得到不成比例的列，所以列不像它应该填充容器，就像960gs一样。 如果我放置3列，那么右边的边距不正确，否则将无法正确放入容器。 Boostrap例子： <div class="container"> <div class="row"> <div class="span4"> <h2>Column one</h2> <p> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam […]
