Bootstrap列表组面板和嵌入组件
一.列表组组件
列表组组件用于显示一组列表的组件。
//基本实例
- 1.这是起始
- 2.这是第二条数据
- 3.这是第三排信息
- 4.这是末尾
创新互联公司专注于企业网络营销推广、网站重做改版、宁强网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宁强等各大城市提供网站开发制作服务。
//列表项带勋章
10
//链接和首选
//按钮式列表
//设置项目被禁用
class="list-group-item disabled"
//情景类
3.这是第三排信息
//定制内容
二.面板组件
面板组件就是一个存放内容的容器组件。
//基本实例
这里是详细内容区!
//带标题容器的面板
面板标题
这里是详细内容区!
//也可以设置标题元素
面板标题
//带注脚的面板
//情景效果:default、success、info、warning、danger、primary
//表格类面板
表格标题
这里是表格标题的详细内容!
1 | 2 | 3 |
---|---|---|
1 | 2 | 3 |
//列表类面板
表格标题
这里是表格标题的详细内容!
- 1.这里是首页
- 2.这里是第二个项目
- 3.这里是第三个项目
- 4.这里是第四个项目
三.响应式嵌入组件
根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定 内容的尺寸,能够在各种设备上缩放。
这些规则可以直接用于
//16:9 响应式
//4:3 响应式
文章名称:Bootstrap列表组面板和嵌入组件
浏览路径:http://pwwzsj.com/article/jphcee.html