bootstrap警告

谁践踏了优雅 2022-10-02 05:42 153阅读 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>
    	
    	<div class="page-header">
    		<h1>正标题<small>副标题</small></h1>
    	</div>
    	<div class="alert alert-success">操作成功</div>
    	<div class="alert alert-info" role="alert">信息提示</div>
    	<div class="alert alert-warning" role="alert">警告提示</div>
    	<div class="alert alert-danger">危险提示</div>
    	<div class="alert alert-warning alert-dismissable">
    		<button class="close" data-dismiss="alert" aria-label="close"><span aria-label="true">×</span></button>
    		警告提示
    	</div>
    	<div class="alert alert-info">
    		<span>呵呵</span><a href="#" class="alert-link">点击</a>
    	</div>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]: /images/20220113/87a7aa123a9f4b0fbee3df6be86665d9.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Bootstrap教程(15)--警告框、弹出框、工具提示框

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 概述 2. 警告框 2.1 普通警告框 2.2

客官°小女子只卖身不卖艺/ 2022年11月01日 00:59/ 0 赞/ 482 阅读

相关滑动警告

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 页面滑动的时候警告： [Interventio

布满荆棘的人生/ 2022年10月02日 09:47/ 0 赞/ 207 阅读

相关 bootstrap警告

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

谁践踏了优雅/ 2022年10月02日 05:42/ 0 赞/ 154 阅读

相关 4.7Bootstrap学习js插件篇之警告框

案例通过这个插件可以为所有警告框增加关闭功能。代码段： <div class="bs-example"> <h1 class="page-he

小鱼儿/ 2022年08月27日 04:42/ 0 赞/ 217 阅读

相关 bootstrap错误警告信息提示

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

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

相关 Bootstrap警告

1.警告（alert）向用户提供了一种定义消息样式的方式 ![这里写图片描述][20160612220204323] <div class="alert aler

﹏ヽ暗。殇╰゛Y/ 2022年08月23日 08:44/ 0 赞/ 193 阅读

相关 gcc警告

各个层次的gcc警告从上到下覆盖变量(代码)级:指定某个变量警告 int a __attribute__ ((unused)); 指定该变量为"未使

川长思鸟来/ 2022年08月07日 01:32/ 0 赞/ 202 阅读

相关 Bootstrap -1(认识Bootstrap)

Bootstrap -1(认识Bootstrap) -------------------- Bootstrap的由来: B

以你之姓@/ 2022年07月12日 05:02/ 0 赞/ 202 阅读

相关 Bootstrap巨幕页头缩略图和警告框组件

巨幕组件 > 巨幕组件主要是展示网站的关键性区域  <div class="container">

叁歲伎倆/ 2022年06月12日 05:14/ 0 赞/ 191 阅读

相关响应式前端框架Bootstrap系列（12）警告框

警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。警告框的样式有以下几种： .alert .alert-success：表示成功。 .alert

小咪咪/ 2021年09月14日 14:16/ 0 赞/ 400 阅读