Tag: twitter bootstrap 3

Bootstrap 3单个ul内的多列不能正确浮动: 现在我已经在当前的bootstrap 3上遇到这样的问题了。我已经设法以某种方式修复它们，但是这次没有办法解决这个问题。我需要通过在列表项上交替pull-left pull-right来创build两个列。我究竟做错了什么？ http://bootply.com/92446

向下滚动时缩小导航栏（引导程序3）: 我想build立一个导航栏效果，就像在我的页面上的http://dootrix.com/ （向下滚动栏越来越小，徽标发生变化）。我使用引导3我的网页。有一个简单的方法来实现它与引导？

我应该使用Angular UI Bootstrap还是纯Bootstrap 3？: 在编写的时候Angular UI Bootstrap基于Twitter Bootstrap 2，而最新版本是Bootstrap 3.如果我要在Angular.js中编写应用程序，我应该使用什么UI框架？ Angular UI还是只是普通的Bootstrap？那里有什么优点和缺点？无论是长期还是短期。

Browserify与twitter引导: 有很多类似的问题，包括堆栈溢出的答案，但没有一个为我工作，所以在这里，我问你们。我感谢大家的时间。我最近开始使用浏览器的gulp，这很好。然后，我尝试使用browserify来使用前端：Backbone和Bootstrap3。事情似乎工作，直到我试图要求与Bootstrap自带的js文件。我在我的铬工具中出现错误，指出：jQuery是未定义的。我试图把它冲进去，但是我很困惑。我正在使用jQuery 2.1.1，所以我不应该需要填充jQuery，但它现在存在于垫片，因为我绝望，试图一切。这是我的package.json和我的main.js文件： ————–的package.json —————— { "name": "gulp-backbone", "version": "0.0.0", "description": "Gulp Backbone Bootstrap", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "Rob Luton", "license": "ISC", "devDependencies": { "jquery": "^2.1.1", "backbone": "^1.1.2", "browserify": "^4.2.1", "gulp": "^3.8.6", "vinyl-source-stream": "^0.1.1", "gulp-sass": "^0.7.2", "gulp-connect": […]

使用Bootstrap嵌套列表的一致样式: 有没有办法让twitter bootstrap中的嵌套列表看起来像一个普通的列表，嵌套的项目简单地缩进（并适用于任意深嵌套）？默认情况下，嵌套列表如下所示： <ul class="list-group"> <li class="list-group-item">One</li> <li class="list-group-item">Two <ul class="list-group"> <li class="list-group-item">Item 2a</li> <li class="list-group-item">Item 2b</li> </ul> </li> <li class="list-group-item">Three <ul class="list-group"> <li class="list-group-item">Item 3a</li> <li class="list-group-item">Item 3b</li> </ul> </li> </ul> 我怎样才能使这些嵌套列表像这样（或以类似的方式）出现：如果你错过了上面的链接，这里是JSFiddle： https ://jsfiddle.net/7o8rp0kv/1/

如何防止移动浏览器上的Bootstrap 3模式打开时的背景滚动？: Bootstrap 3模式在移动平台上打开时如何防止背景滚动？在桌面浏览器上，背景被禁止滚动并按照原样运行。在移动浏览器（Safari ios，Chrome ios等）上，打开模式并用手指滚动时，背景也会像模式一样滚动。我如何防止？

Bootstrap 3只适用于手机: 我有一个1600px宽的网站，我想只适合在手机上使用。我如何使用Bootstrap 3.我试图使用col-sm-* 。但也影响大屏幕，因为现有的网站没有按照Bootstrap网格编码。有什么办法可以使用Bootstrap而不影响大屏幕？

引导button大小不起作用？: 这里有三种不同的button尺寸： <div class="btn-group btn-small"> <button class="btn btn-small btn-success" href="#" type="button">Approve</button> <button class="btn btn-small btn-danger" href="#" type="button">Deny</button> </div> <div class="btn-group"> <a class="btn btn-mini btn-success" href="#">Approve</a> <a class="btn btn-mini btn-danger" href="#">Deny</a> </div> <div class="btn-group"> <a class="btn btn-success" href="#">Approve</a> <a class="btn btn-danger" href="#">Deny</a> </div> 所有这三个结果都是这样的：为什么会btn ， btn-success ， btn-danger和btn-group都能正常工作，而不是btn-mini / small / etc？

Bootstrap充分响应导航栏与标志或品牌名称文本: 我想在Twitter Bootstrap 3.1.1中做一个具有指定高度的完全响应式导航栏，品牌可以由图片（标识）或文本组成。 HTML： <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"> <img src="http://placehold.it/150×50&text=Logo" alt=""> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </nav> CSS： […]