Bootstarp学习教程(14) 其他相关组件(2)分析

哈哈 阅读:306 2021-04-01 00:25:37 评论:0


页面标题:简单的h1样式,可以适当地分出空间且分开页面中的章节。像其它组件一样,它可以使用h1的默认small元素

<div class="page-header"> 
  <h1>Example page header <small>Subtext for header</small></h1> 
</div>


缩略图:用缩略图组件扩展Bootstrap的栅格系统,可以简单地显示栅格样式的图像,视频,文本,等等。


警告框:为典型的用户动作提供少数可用且灵活的反馈消息。要用关闭功能,请使用jQuery警告框插件.

<div class="container"> 
		<div class="row"> 
			<ul class="nav nav-pills nav-justified "> 
				<li class="active"><a href="#">主页</a></li> 
				<li><a href="#">简介</a></li> 
				<li><a href="#">信息</a></li> 
			</ul> 
		</div> 
		<br/> 
	<div class="alert alert-success">111111111111111111111111</div> 
	<div class="alert alert-info">2222222222222222222222</div> 
	<div class="alert alert-warning">33333333333333333</div> 
	<div class="alert alert-danger">444444444444444444444</div> 
 
	</div>

可关闭的警告框:可以用一个可选的.alert-dismissable和关闭按钮。

警告框中的链接:用.alert-link工具类,可以快速提供在任何警告框中相符的颜色。


进度条:提供工作或动作的实时反馈,只用简单且灵活的进度条。

媒体对象:这是一个抽象的样式,用以构建不同类型的组件,这些组件都具有在文本内容的左或右对齐的图片(就像blog内容或Tweets等)。


声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号