关键词:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 列表</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <h4>有序列表</h4> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ol> <h4>无序列表</h4> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>未定义样式列表</h4> <ul class="list-unstyled"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>内联列表</h4> <ul class="list-inline"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <h4>定义列表</h4> <dl> <dt>Description 1</dt> <dd>Item 1</dd> <dt>Description 2</dt> <dd>Item 2</dd> </dl> <h4>水平的定义列表</h4> <dl class="dl-horizontal"> <dt>Description 1</dt> <dd>Item 1</dd> <dt>Description 2</dt> <dd>Item 2</dd> </dl> </body> </html>
吴裕雄bootstrap前端框架开发——bootstrap排版:标题(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-标题</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo 查看详情
吴裕雄bootstrap前端框架开发——bootstrap排版:列表(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-列表</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo 查看详情
吴裕雄bootstrap前端框架开发——bootstrap排版:强调(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-强调</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo 查看详情
吴裕雄bootstrap前端框架开发——bootstrap显示代码(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-代码</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:按钮组(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮(Button)插件单选按钮</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:分割按钮(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boo 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:禁用状态(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮禁用状态</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:激活状态(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮激活状态</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css 查看详情
吴裕雄bootstrap前端框架开发——bootstrap表格:精简表格(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-精简表格</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap表格:条纹表格(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-条纹表格</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap表格:边框表格(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-边框表格</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:按钮标签(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮标签</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap表单:内联表单(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-内联表单</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap表格:悬停表格(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-悬停表格</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:按钮大小(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-按钮大小</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap按钮:禁用按钮(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/b 查看详情
吴裕雄bootstrap前端框架开发——bootstrap排版:可滚动(代码片段)
<!DOCTYPEhtml><html><head><title>菜鸟教程(runoob.com)</title><metaname="viewport"content="width=device-width,initial-scale=1"charset="utf-8"><linkrel="stylesheet"hre 查看详情
吴裕雄bootstrap前端框架开发——bootstrap排版:内联子标题(代码片段)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-内联子标题</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/ 查看详情