Tag: twitter bootstrap 3

Bootstrap 3无法正确显示graphics

我从bootstrap 2.3迁移到bootstrap 3,一切正常。 但是当我试图添加一些图标时,图标字体不能正确显示。 我试图看看这里http://bootply.com/61521 ,只有'。glyphicon-envelope'正在正确显示。 其他人则显示如“E001”等。 我怎样才能解决这个问题? 对于其他浏览器,glyphicons显示正常,只有firefox无法正确显示。

引导3模态火灾并导致页面左移/浏览器滚动条问题

我正在使用Bootstrap 3.1.0的网站上工作。 你会注意到,当模式窗口打开时,浏览器滚动条瞬间消失,然后回来。 closures它也是一样的。 我怎样才能使它只是打开和closures没有浏览器滚动条交互。 我已经在堆栈上看到有人遇到问题的post,但是我找不到与我的问题有关的答案,所以如果其他人提出了这个请求,并且有人知道这个请求,并希望将其链接到我,它。 我已经search了大约2个小时,然后发布。

Bootstrap:在Modal中打开另一个Modal

所以,我使用这个代码在当前打开的模态窗口中打开另一个模态窗口: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 会发生什么,对于500毫秒的滚动条将重复。 我猜是因为现在的模态还在淡出。 然而,它看起来非常不顺畅和口吃。 我将不胜感激任何build议来解决这个问题。 另外,在一个单一的事件不专业? 我正在使用引导版本3.0。 编辑:我想这是必要的,以减less淡出模态的时间。 这怎么可能?

使用Bootstrap 3下拉菜单作为上下文菜单

使用引导程序3,我怎样才能将下拉菜单放在光标处并从代码中打开它? 我需要使用它作为其行的上下文菜单的表。

改变文本alignment响应(使用Bootstrap 3)?

我正在使用Bootstrap 3作为博客。 在我自定义的CSS中,我最近添加了 body { text-align: justify; … } 我喜欢在更大的屏幕上(平板电脑,桌面)的结果。 但是在小屏幕上(电话),正确的文本并不是非常有用,因为列的范围较窄,而且我的博客偶尔也会使用long-ish-technical-terms-like-this的long-ish-technical-terms-like-this 。 我可以响应text-align: justify 只在大屏幕上text-align: justify ? 是否有可能通过CSS完成,或者,我需要写一些自定义的JS来做到这一点?

Twitter引导3 – 创build自定义graphics并添加到graphics“字体”

好人。 我正在运行twitter bootstrap3,并且我非常高兴将它作为字体处理图标的新方式。 但是:我需要一些自定义图标; 我需要自己做,最好把它整合到现有的字体中。 我search没有运气。 我很熟悉插画,vectorgraphics等,但如何整合? 最坏的情况下,我会用传统的方式来制作图片,但希望有更好的解决scheme。 有任何想法吗?

在Bootstrap 3的Twitter Typeahead上的CSS问题

随着Bootstrap 3的发布,Typeahead已经被删除, https://github.com/twitter/typeahead.js 我已经成功地将它集成在远程数据读取上 但我有自动完成问题 正如你所看到的那样,文本框上出现了两个文本。 我已经包含在文档中说的CSS( https://github.com/jharding/typeahead.js-bootstrap.css ),但没有运气。 任何帮助或build议,将不胜感激。 显示问题的jsfiddle: http://jsfiddle.net/KrtB5/ HTML <body> <div class="container"> <label>State</label> <input type="text" class="typeahead form-control" /> </div> </body> Javascript : $('.typeahead').typeahead({ name: 'Some name', local: ['test', 'abc', 'def'] })

Twitter Bootstrap中的半列

我无法弄清楚如何使这样的引导列: col 3 | col 4.5 | col 4.5

引导3:如何使下拉链接头在导航栏中可点击

我正在使用默认的导航栏和一些列表项是下拉菜单。 我无法点击触发下拉菜单的链接。 我知道我可以添加一个重复的链接到下拉列表中,但我宁愿不。 是否有可能使头链接一个可点击的链接(不只是一个句柄的下拉)? 有关参考,请参阅下面的下拉列表中的第一个链接。 我希望用户能够点击它并实际转到它指向的页面。 <nav class="navbar navbar-fixed-top admin-menu" role="navigation"> <div class="navbar-header">…</div> <!– Collect the nav links, forms, and other content for toggling –> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> I DONT WORK! <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="/page2">Page2</a></li> </ul> </li> <li><a href="#">I DO WORK</a></li> […]

如何清除引导程序3中的“x”的search框?

引导有一些麻烦,所以一些帮助将是真棒。 谢谢 我想要什么:(上半部分) 我目前的代码: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 目前屏幕截图