本篇文章就给大家介绍bootstrap中的列表组组件，面板组件，响应式嵌入组件。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。如果大家想要获取和学习更多的bootstrap相关视频教程也可以访问：bootstrap教程！
一、列表组组件
列表组组件用于显示一组列表的组件
基本实例：
- 我是第一行
- 我是第二行
- 我是第三行
- 我是第四行
登录后复制
列表项加上勋章
- 我是第一行10
- 我是第二行
登录后复制
列表 链接和首选
登录后复制
第一行为首选状态
第三行是鼠标悬停在上面的时候的状态
按钮式列表
登录后复制
样式和超链接的列表类似。
情景类
- 我是第一行
- 我是第二行
登录后复制
可以设置的颜色： success ， warning，danger，info
自定义内容
我是标题
我是一段文本
登录后复制
二、面板组件
面板组件是一个存放内容的容器组件
基本实例：panel
这里是内容区域
登录后复制
带标题的面板：panel-heading
这个是标题啊
这里是内容区域
登录后复制
设置标题元素：panel-title
这是标题
这里是内容区域
登录后复制
和以上效果类似，标题字体大一号而已
带注脚的面板：panel-footer
这是标题
这里是内容区域
登录后复制
情景效果
panel panel- default / success / warning / danger / info / primary
表格类面板
这是标题
这里是内容区域
| 1 | 2 | 3 |
| 1 | 2 | 3 |
登录后复制
列表类面板
这是标题
这里是内容区域
- 1
- 2
- 3
- 4
- 5
登录后复制
二、响应式嵌入组件
根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定内容的尺寸，能够在各种设备上缩放
这些规则可以直接适用于
登录后复制
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问bootstrap教程，bootstrap教程，bootstrap教程！
以上就是BootStrap中的列表组组件，面板组件，响应式嵌入组件（图文详解）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2739368.html
