引导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？

Answer 1

Bootstrap将其button的名称从v2.3更改为v3.0 ：

  2.3 --> 3.0 .btn-large --> .btn-lg .btn-small --> .btn-sm .btn-mini --> .btn-xs 

这是Bootply的完整迁移指南 。

所以你的更新代码应该是这样的：

 <div class="btn-group"> <a class="btn btn-xs btn-success" href="#">Approve</a> <a class="btn btn-xs btn-danger" href="#">Deny</a> </div> <br> <div class="btn-group"> <a class="btn btn-sm btn-success" href="#">Approve</a> <a class="btn btn-sm btn-danger" href="#">Deny</a> </div> <br> <div class="btn-group"> <a class="btn btn-success" href="#">Approve</a> <a class="btn btn-danger" href="#">Deny</a> </div> 

在jsFiddle中工作演示

哪个会产生这个：

Answer 2

如果您使用版本3.0，则必须更改这些类

http://jsfiddle.net/WrQNh/1/

 <div class="btn-group btn-small"> <button class="btn btn-xs btn-success" href="#" type="button">Approve</button> <button class="btn btn-xs btn-danger" href="#" type="button">Deny</button> </div> <br> <div class="btn-group"> <a class="btn btn-sm btn-success" href="#">Approve</a> <a class="btn btn-sm btn-danger" href="#">Deny</a> </div> <br> <div class="btn-group"> <a class="btn btn-success" href="#">Approve</a> <a class="btn btn-danger" href="#">Deny</a> </div> 

Answer 3

还要确保bootstrap.css是否被我们自定义的* .css文件覆盖，比添加到您自定义的* .css文件中的.btn-sm ….逻辑要好。 事实certificate，这是我的问题。