bootstrap系列之二排版基础

最新推荐文章于 2019-12-01 21:20:06 发布

叶菩提

最新推荐文章于 2019-12-01 21:20:06 发布

阅读量315

点赞数

分类专栏： JAVAEE 文章标签： bootstrap

本文链接：https://blog.csdn.net/yeputi1015/article/details/76725292

版权

JAVAEE 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

效果

	<body>
		<div class="container
			<div class="row">
				<div class="col-sm-4">
					<img src="img/pic01.jpg"  class="img-responsive"/>
					
				</div>
				<div class="col-sm-8">
					<h1>第一个标题样式<small>小字体</small></h1>
					<h2>第一个标题样式<small>小字体</small></h2>
					<h3>第一个标题样式<small>小字体</small></h3>
					<h4>第一个标题样式<small>小字体</small></h4>
					<h5>第一个标题样式<small>小字体</small></h5>
					<h6>第一个标题样式<small>小字体</small></h6>
					<p class="h1">第一个标题样式<small>小字体</small></p>
					<p class="h2">第一个标题样式<small>小字体</small></p>
					<p class="h3">第一个标题样式<small>小字体</small></p>
					<p class="h4">第一个标题样式<small>小字体</small></p>
					<p class="h5">第一个标题样式<small>小字体</small></p>
				  <p class=" lead  text-center">
				  	
				  	ootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.
				    <small>small</small>
				    <em>em</em>
				    <cite>cite url</cite>
				    <b>b</b>
				    <hr/>
				    <abbr title="跟我一起学习Bootstrap">学习bootstrap</abbr>
				    <abbr title="跟我一起学习Bootstrap" class="initialism">学习bootstrap</abbr>
				    <br/>
				    <address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

<address>
  <strong>Full Name</strong><br>
  <a href="mailto:#">first.last@example.com</a>
</address>
				  </p>
				  
				  	<blockquote class="pull-right">
				  		<p>
				  			Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0...
				  		</p>
				  		<small>来自<em>bootstrap中文网</em></small>
				  	</blockquote>
				  
				</div>
			</div>
			
		</div>
	</body>

叶菩提

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap系列之二排版基础

效果 <div class="container 第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一个标题样式小字体第一
复制链接

扫一扫