bootstrap中的badges

最新推荐文章于 2023-07-18 23:56:23 发布

依然那么楞

最新推荐文章于 2023-07-18 23:56:23 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

文章标签： bootstrap class badges badge

本文链接：https://blog.youkuaiyun.com/ling811/article/details/16841067

本文介绍了如何使用不同样式的badges来增强网站内容的表现形式。包括基本的badge样式及其变体，如badge-important等，并提供了具体的HTML代码示例。

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

badges中有：badge、badge-warning、badge-important、badge-info、badge-inverse

现在只实验两个，用法和lables的用法类似

<table class="table table-bordered table-condensed table-striped">
    	<thead>
        	<tr>
            	<th>名称：</th>
                <th>介绍</th>
            </tr>
        </thead>
    	<tbody>
        	<tr>
            	<td><span class="badge">bagdge</span></td>
                <td><code>class="badge"</code></td>
            </tr>
            <tr>
            	<td><span class="badge badge-important">badge-important</span></td>
                <td><code>class="badge badge-important"</code></td>
            </tr>
       </tbody>
      </table>