Bootstrap列表组面板和嵌入组件-创新互联
一.列表组组件
列表组组件用于显示一组列表的组件。
//基本实例
- 1.这是起始
- 2.这是第二条数据
- 3.这是第三排信息
- 4.这是末尾
//列表项带勋章
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 响应式
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:Bootstrap列表组面板和嵌入组件-创新互联
文章路径:http://scyingshan.cn/article/cospdj.html