Bootstrap collapse.in样式


  翻译结果:

collapse

英 [kəˈlæps]   美 [kəˈlæps]  

vi.崩溃;倒塌;折叠;(尤指工作劳累后)坐下

vt.使倒塌;使坍塌;使瓦解

n.垮台;(身体的)衰弱

in

英 [ɪn]   美 [ɪn]  

prep.采用(某种方式);穿着,带着;(表示位置)在…里面,(表示领域,范围)在…以内;(表示品质、能力等)在…之中

adv.在家;进入,到达;流行;当选

adj.在内的,朝内的;在位的,执政的;[口语]流行的,时髦的;(车等)到站的

n.执政党,掌权者;知情者;<美口>入口,门路;<体>(板球或棒球)攻球的一方

Bootstrap collapse.in样式语法

作用:显示内容。

Bootstrap collapse.in样式示例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>php中文网(php.cn)</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>	
<div class="container">
	<h2>简单的折叠</h2>
	<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">简单的折叠</button>
	<div id="demo" class="collapse in">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit,
		sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
	</div>
</div>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答