Bootstrap笔记之缩略图、警告框实例详解

前端之家收集整理的这篇文章主要介绍了Bootstrap笔记之缩略图、警告框实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1. 基础缩略图

这里写图片描述

给a标签添加class="thumbnail"如下:

2.缩略图添加内容

图片
我是图片标题

我是对图片的描述我是对图片的描述我是对图片的描述

3.警告框

点击右上角叉号就关闭警示框。可以更改背景色alert-warning、alert-info、alert-success、alert-danger

关闭的警示框添加类;alert-dismissible和按钮button.

也可以在警告框中添加a链接

这里是提示信息nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="alert-link">百度

<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×

这里是提示信息

以上所述是小编给大家介绍的 Bootstrap笔记之缩略图、警告框实例详解。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/40845.html
bootstrapbootstrap缩略图警告框

猜你在找的Bootstrap相关文章