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

1. 基础缩略图

这里写图片描述

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

rush:js;">

2.缩略图添加内容

rush:js;">
图片
我是图片标题

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

3.警告框

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

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

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

rush:js;">

这里是提示信息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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

bootstrapbootstrap缩略图警告框

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...