bootstrap 按钮

最新推荐文章于 2025-10-13 10:30:10 发布

原创最新推荐文章于 2025-10-13 10:30:10 发布 · 612 阅读

0 ·

CC 4.0 BY-SA版权

bootstrap 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了不同样式的按钮及其应用场景，包括默认、主要、成功、信息、警告、危险和链接样式。同时，讲解了按钮大小（btn-lg、btn-xs、btn-sm）和全宽按钮（btn-block）的使用方法，以及如何将按钮样式应用于超链接。

按钮 btn-lg, btn-xs, btn-sm

btn-block 父元素宽度的100%

active 激活状态

这些样式class 也可以用于超链接元素（<a>）

按钮样式：

    <button class="btn">默认样式</button>
	<button class="btn btn-default">默认</button>
	<button class="btn btn-primary">首选项</button>
	<button class="btn btn-success">成功</button>
	<button class="btn btn-info">信息</button>
	<button class="btn btn-warning">警告</button>
	<button class="btn btn-danger">危险</button>
	<button class="btn btn-link">链接</button>