ppwjs之bootstrap文字排版:字體設置

<!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 = "字體設置".到標題元素();
變量 段落1 = 建立段落("加粗文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.加粗類);
變量 段落2 = 建立段落("正常文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.普通類);
變量 段落3 = 建立段落("纖細文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.纖細類);
變量 段落4 = 建立段落("斜體文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.斜體類);
變量 段落5 = 建立段落("加粗、斜體文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.加粗類).添加屬性($bootstrap.屬性.類,$bootstrap.字體.斜體類);
變量 段落6 = 建立段落("纖細、斜體文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.纖細類).添加屬性($bootstrap.屬性.類,$bootstrap.字體.斜體類);
變量 段落7 = 建立段落("突出文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.突出類);
變量 段落8 = 建立段落("縮小文本").添加屬性($bootstrap.屬性.類,$bootstrap.字體.縮小類);

變量 容器 = bootstrap4.建立容器();
容器.添加子節點(標題1,段落1,段落2,段落3,段落4,段落5,段落6,段落7,段落8);

加到主體(容器);

相關文章
相關標籤/搜索