bootstrap 提示、倒塌与旋转木马

提示,tooltip

<!--鼠标放在按钮上,就会出现提示。js代码不可少-->
	<button type="button" class="btn btn-default" data-toggle="tooltip"
		data-placement="top" title="Tooltip on left">Tooltip on top</button>
	<script>$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})</script>


倒塌,collapse

<!--按钮其实是一个a标签。点击展开指定的内容,再点击消失-->
<a class="btn btn-info" data-toggle="collapse"
	href="#collapseExample" > Link with href </a>
<div class="collapse" id="collapseExample">
	<div class="well">hello</div>
</div>


旋转木马,carousel

carousel  [,kærə'sel; -'zel] n.旋转木马
又叫图片轮播。

你可能感兴趣的:(bootstrap 提示、倒塌与旋转木马)