Bootstrap系列 -- 7. 列表排版方式
2015-06-19 16:35 贺臣 阅读(1321) 评论(0) 编辑 收藏 举报
一. 去点列表
1. 使用class=list-unstyled
<ul > <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> </ul> <ul class="list-unstyled"> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> </ul>
有点列表和无点列表对比代码如上,效果图如下
二. 排列一行列表
使用 list-inline 样式
<ul class="list-inline"> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> <li>无序列表项目</li> </ul>
三. 混合使用
<ul class="list-unstyled"> <li>程序: </li> <li> <ul class="list-inline"> <li>C#</li> <li>JS</li> <li>java</li> </ul> </li> </ul>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理