10011---Bootstrap CSS

最新推荐文章于 2024-11-04 01:25:17 发布

xxxcyzyy

最新推荐文章于 2024-11-04 01:25:17 发布

阅读量477

点赞数

分类专栏： Angular&BootStrap

Angular&BootStrap 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了Bootstrap框架中不同样式的按钮及其用途，包括默认按钮、原始按钮、成功按钮等，并提供了每个按钮类型的HTML代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表格

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：

按钮

<!-- 标准的按钮 -->
<button type="button" class="btn btn-default">默认按钮</button>

<!-- 提供额外的视觉效果，标识一组按钮中的原始动作 -->
<button type="button" class="btn btn-primary">原始按钮</button>

<!-- 表示一个成功的或积极的动作 -->
<button type="button" class="btn btn-success">成功按钮</button>

<!-- 信息警告消息的上下文按钮 -->
<button type="button" class="btn btn-info">信息按钮</button>

<!-- 表示应谨慎采取的动作 -->
<button type="button" class="btn btn-warning">警告按钮</button>

<!-- 表示一个危险的或潜在的负面动作 -->
<button type="button" class="btn btn-danger">危险按钮</button>

<!-- 并不强调是一个按钮，看起来像一个链接，但同时保持按钮的行为 -->
<button type="button" class="btn btn-link">链接按钮</button>

效果