JS、JQ Bootstrap基本样式（一）

最新推荐文章于 2024-05-09 05:56:02 发布

Dragon.liu

最新推荐文章于 2024-05-09 05:56:02 发布

阅读量76

点赞数

分类专栏： JavaScript 文章标签： javascript bootstrap 开发语言

本文链接：https://blog.csdn.net/weixin_42223701/article/details/121106741

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>

	<meta charset="utf-8">
	<title>Bootstrap样式（一）</title>
	<!-- 让页面样式根据设备大小进行调整显示 -->
	<meta name=viewport content="width=device-width,initial-scale=1">
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/jQuery.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<p>
					<abbr title="mvc设计模式开发中常用的模式">mvc设计模式</abbr>
				</p>
				<blockquote>
					<!-- 引用文字内容样式 -->
					<span class="lead">春江花月夜</span>
					<p>春江潮水连海平，海上明月共潮生。滟滟随波千万里，何处春江无月明！江流宛转绕芳甸，月照花林皆似霰；空里流霜不觉飞，汀上白沙看不见。江天一色无纤尘，皎皎空中孤月轮。江畔何人初见月？江月何年初照人？人生代代无穷已，江月年年望相似。不知江月待何人，但见长江送流水。白云一片去悠悠，青枫浦上不胜愁。谁家今夜扁舟子？何处相思明月楼？可怜楼上月裴回，应照离人妆镜台。玉户帘中卷不去，捣衣砧上拂还来。此时相望不相闻，愿逐月华流照君。鸿雁长飞光不度，鱼龙潜跃水成文。昨夜闲潭梦落花，可怜春半不还家。江水流春去欲尽，江潭落月复西斜。斜月沉沉藏海雾，碣石潇湘无限路。不知乘月几人归，落月摇情满江树。
						<small class="pull-right">出自 <cite>张若虚《春江花月夜》</cite></small>
					</p>
				</blockquote>
				<pre>
					<code>
						<!-- 代码风格 -->
						public class Test{
							public static void main(String [] args){
								System.out.println("hello world");
							}
						}
					</code>
				</pre>
				<!-- 键盘输入文字 -->
				<kbd>我爱中国</kbd>
				<!-- text字体颜色 bg背景颜色 -->
				<p class="bg-muted">
					字体颜色(柔和灰)
				</p>
				<p class="text-info pull-right" >
					字体颜色（信息蓝）
				</p>
				<p class="bg-success">
					字体颜色（成功绿）
				</p>
				<!-- 向下箭头 -->
				more<span class="caret"></span>
			</div>
		</div>
	</div>
</body>
</html>

在这里插入图片描述

Dragon.liu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS、JQ Bootstrap基本样式（一）

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap样式（一）</title>  <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/java
复制链接

扫一扫