bootstrap标签、消息提示

快来打我* 2022-10-02 05:00 178阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>bootstrap</title>
    	<style type="text/css">
    		span.label{ 
    			position: relative;
    			top:20px;
    			left:20px;		
    			margin:10px;
    		}
    	</style>
    </head>
    <body>
    	<script src="jquery.min.js"></script>
    	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css">
    	<script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    	
    	<span class="label label-default">默认</span>
    	<span class="label label-primary">强调</span>
    	<span class="label label-success">成功</span>
    	<span class="label label-info">通知</span>
    	<span class="label label-warning">警告</span>
    	<span class="label label-danger">危险</span><br><br>
    	<br><br>
    	<a href="#">新的消息<span class="badge">42</span></a><br><br><br>
    	<button class="btn btn-primary">
    		未读消息<span class="badge">4</span>
    	</button>
    </body>
    </html>

![在这里插入图片描述][20190617112605909.png]

[20190617112605909.png]: /images/20220113/abb5ab8540ed4c88834eab4e306af3cc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 BootStrap标签

可用的变体用下面的任何一个类即可改变标签的外观。样式(悬停可选中) 说明 label label-default 默认标签 label la

àì夳堔傛蜴生んèń/ 2023年07月19日 12:27/ 0 赞/ 11 阅读

相关 bootstrap提示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

青旅半醒/ 2022年10月02日 10:42/ 0 赞/ 150 阅读

相关 bootstrap标签、消息提示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

快来打我*/ 2022年10月02日 05:00/ 0 赞/ 179 阅读

相关 bootstrap错误警告信息提示

bootstrap提供了成功执行、警告和错误信息的样式. 在使用该功能的时候需要引入以下几个文件: bootstrap.css jquery.js(需放在bootstra

短命女/ 2022年08月23日 14:42/ 0 赞/ 244 阅读

相关 Bootstrap的工具提示（Tooltip）

在html中引入bootstrap的css和js，然后在需要提示的标签上加上： data-toggle="tooltip" data-placement="botto

妖狐艹你老母/ 2022年07月16日 23:22/ 0 赞/ 191 阅读

相关 HTML提示标签

Alt和Title都是提示性语言标签，请注意它们之间的区别。　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定

你的名字/ 2022年07月12日 11:52/ 0 赞/ 408 阅读

相关 Bootstrap标签页和工具提示插件

标签页插件 > 标签页就是通常所说的选项卡功能 //也可以换成胶囊式 //<ul class="nav nav-pills"> <ul id="

雨点打透心脏的1/2处/ 2022年06月12日 06:21/ 0 赞/ 201 阅读

相关 bootstrap标签页（tab）

Bootstrap 标签页（Tab）插件标签页（Tab）在 [Bootstrap 导航元素][Bootstrap] 一章中介绍过。通过结合一些 data 属性，您可以轻

r囧r小猫/ 2022年05月31日 04:23/ 0 赞/ 332 阅读

相关 bootstrap 标签页 demo

引入文件 jquery-3.2.1.min.js bootstrap.css bootstrap.js 基本代码 <ul class="nav n

青旅半醒/ 2021年09月28日 04:42/ 0 赞/ 698 阅读

相关 Bootstrap智能消息提示框

Bootstrap智能消息提示框。 “我觉得操作成功后，需要一个弹出提示框”，客户说。 “需要吗？我觉得没必要，错误的时候提示，成功时自动跳转就行了！”，我弱弱的答。

柔光的暖阳◎/ 2021年09月10日 15:26/ 0 赞/ 521 阅读