您的位置：首页 > Web前端 > BootStrap

ppwjs之bootstrap文字排版：<dl>元素相关（定义列表）

2018-09-26 04:04 1106 查看

<!DOCTYPT html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ppwjs欢迎您</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
</body>
<script src="/jsVersionControl.js" charset="utf-8" type="text/javascript"></script>
<script src="/lib/_sys_ppwjsmain.js" charset="utf-8" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">引入("/index.js",$真)</script>
</html>

//程序开始
引入(_sys_bootstrap4_all_addr + ".js",$真);

var 标题1 = "bootstrap dl(定义列表) 的效果".到标题元素(3);

变量 定义列表1 = bootstrap4.创建定义列表元素();
变量 定义列表项目1 = bootstrap4.创建定义列表项目元素("汽车(car)");
变量 定义列表项目描述1 = bootstrap4.创建定义列表项目描述元素("-- 宝马 奔驰 现代 大众 (BMW Benz modern public)");
变量 定义列表项目2 = bootstrap4.创建定义列表项目元素("水果(Fruits)");
变量 定义列表项目描述2 = bootstrap4.创建定义列表项目描述元素("-- 芒果 香蕉 苹果 橙子 (Mango, banana, apple and orange)");
定义列表1.添加子节点(定义列表项目1,定义列表项目描述1,定义列表项目2,定义列表项目描述2);

变量 定义列表2 = bootstrap4.创建定义列表元素();
变量 定义列表项目3 = bootstrap4.创建定义列表项目元素("汽车(car)");
变量 定义列表项目描述3 = bootstrap4.创建定义列表项目描述元素("-- 宝马 奔驰 现代 大众 (BMW Benz modern public)");
变量 定义列表项目4 = bootstrap4.创建定义列表项目元素("水果(Fruits)");
变量 定义列表项目描述4 = bootstrap4.创建定义列表项目描述元素("-- 芒果 香蕉 苹果 橙子 (Mango, banana, apple and orange)");
定义列表2.添加子节点(定义列表项目3,定义列表项目描述3,定义列表项目4,定义列表项目描述4);

变量 定义列表3 = bootstrap4.创建定义列表元素();
变量 定义列表项目5 = "汽车(car)".到定义列表项目元素();
变量 定义列表项目描述5 = "-- 宝马 奔驰 现代 大众 (BMW Benz modern public)".到定义列表项目描述元素();
变量 定义列表项目6 = "水果(Fruits)".到定义列表项目元素();
变量 定义列表项目描述6 = "-- 芒果 香蕉 苹果 橙子 (Mango, banana, apple and orange)".到定义列表项目描述元素();
定义列表3.添加子节点(定义列表项目5,定义列表项目描述5,定义列表项目6,定义列表项目描述6);

变量 定义列表4 = bootstrap4.创建定义列表元素();
变量 定义列表项目7 = "汽车(car)".到定义列表项目元素();
变量 定义列表项目描述7 = "-- 宝马 奔驰 现代 大众 (BMW Benz modern public)".到定义列表项目描述元素();
变量 定义列表项目8 = "水果(Fruits)".到定义列表项目元素();
变量 定义列表项目描述8 = "-- 芒果 香蕉 苹果 橙子 (Mango, banana, apple and orange)".到定义列表项目描述元素();
定义列表4.添加子节点(定义列表项目7,定义列表项目描述7,定义列表项目8,定义列表项目描述8);
var 容器 = bootstrap4.创建容器();
容器.添加子节点(标题1,定义列表1,定义列表2,定义列表3,定义列表4);

加到主体(容器);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Bootstrap

相关文章推荐

新的分享

章节导航