程序博客网 > 如何下载plc编程软件

Bootstrap警告框

来源：互联网发布：如何下载plc编程软件编辑：程序博客网时间：2024/05/28 16:26

Bootstrap警告框

1.警告框实例

<body>

<div class="container">

<div class="row">

<div class="col-md-3">

//栅格系统，占三列。

<div class="alert alert-danger fade in">

//alert表示警告框，alert-danger红色，

//fade in默认显示出来有淡入淡出的效果。

<button type="button" class="close" data-dismiss="alert">×</button>

//警告框里面我们默认会给一个按钮

//class="close"表示我要关闭这个按钮

//×表示这个叉叉上面有个叉。

//需要加上data-dismiss="alert"这个自定义属性来触发JavaScript插件

<p>这里是警告的内容</p>

<button type="button" class="btn btn-danger" data-dismiss="alert">关闭</button>

</div>

</div>

<div class="col-md-6"></div>

</div>

</div>

</body>

注意：我们要区分模态框和警告框的区别，模态框是一种遮罩的效果，把后边的内容都覆盖掉。警告框只是给出警告，将来我们在web动态开发中，一般当某个条件成立时才显示上面这段代码，出现警告框。当用户看到警告框后，他可以单击关闭把它关闭掉，

2.运行效果（当点击右上方的“x”和“关闭”按钮时都可以关闭掉。）

0 0

如何下载plc编程软件

如何下载plc编程软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子痛风吃花生月经吃营养膳食降血糖的食物辅食食谱孕妇应该吃什么酵素饭前吃还是饭后吃孕妇的食谱干吃面健康菜谱孕妇饮食大全夜宵食谱月子餐食谱孕期饮食禁忌食谱减肥补钙食谱美食食谱营养早餐食谱孕妇该吃些什么痛风吃海带主要症状怎么吃吃水果吃纳豆的好处儿童营养菜谱减肥晚餐食谱怎么吃都吃不胖晚上吃红薯减肥吗补血食谱运动前吃什么好什么东西吃不胖减肥可以吃带鱼吗哺乳期吃什么好痛风可以吃银耳吗中老年人吃什么补品好儿童营养孕妇可以吃什么吃杏干的好处孕妇饮食吃保健品有用吗春季养肝