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 […]