bootstrap 提示、倒塌与旋转木马

简介: 提示,tooltip <!--鼠标放在按钮上,就会出现提示。js代码不可少--> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on left">Tooltip on top</button

提示,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 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
bootstrap 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
N..
|
6月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
65 0
|
前端开发 容器
|
前端开发 容器
|
前端开发 开发者 容器
|
4月前
|
开发框架 前端开发 JavaScript
循序渐进BootstrapVue,开发公司门户网站(1)---基于Bootstrap网站模板构建组件界面
循序渐进BootstrapVue,开发公司门户网站(1)---基于Bootstrap网站模板构建组件界面
|
前端开发
|
前端开发 JavaScript 容器
|
6月前
|
前端开发
bootstrap组件的案例代码
bootstrap组件的案例代码
|
6月前
|
前端开发
bootstrap组件
bootstrap组件