Twitter bootstrap 引导按钮大小不起作用?
以下是三种不同的按钮尺寸:Twitter bootstrap 引导按钮大小不起作用?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,以下是三种不同的按钮尺寸: 批准 否认 这三种情况的结果都是: 为什么btn、btn success、btn danger和btn group都能工作,但不是btn mini/small/etc?Bootstrap将其按钮的名称从2.x更改为➡ 到3.x 版本比较 | 2.x | 3.x | 4.x| |------------|---------|---------| |.btn大号|.btn lg |.btn lg| |.btn小型|.btn sm |.btn sm| |.btn迷你|
批准
否认
这三种情况的结果都是:
为什么
btn
、btn success
、btn danger
和btn group
都能工作,但不是btn mini/small/etc?Bootstrap将其按钮的名称从2.x更改为➡ 到3.x
版本比较
| 2.x | 3.x | 4.x|
|------------|---------|---------|
|.btn大号|.btn lg |.btn lg|
|.btn小型|.btn sm |.btn sm|
|.btn迷你|.btn xs |-|
引导程序3的演示
因此,更新后的代码应如下所示:
这将产生:
不同版本的文档
批准
否认
还要确保bootstrap.css是否被我们自己定制的*.css文件覆盖,而不是被.btn sm…覆盖。。。。将逻辑添加到自定义的*.css文件中。这就是我的问题所在。(如果有人来到这里想知道为什么btn-xs
或btn-group-xs
在>=4.0中不工作)
将日志从引导3.0更改为4.0:
完全删除了.btn xs类,因为.btn sm按比例增加
比v3小
完全删除.btn xs后,丢弃了.btn组xs类
你使用的是什么版本的Bootstrap?废话,所以我要感谢谷歌让我想到我想:(是的,从历史上看,这一直是搜索bootstrap的人的热门链接;现在不多了。这就解释了一些事情!为什么在这里投反对票!?这是一个合理的观点,在我与Django一起使用bootstrap时也发生过几次。这很奇怪。我不明白为什么定制其他btn类会杀死btn X(在我的例子中)或btn sm样式,这是您的问题所在。我正在使用bootstrap 3.3.7,并希望使用btn xs,比btn sm小?使用自定义css,但btn中的文本具有更高的高度和无法取消的额外填充?我如何使用btn xs?
<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>