Bootstrap collapse.in樣式


  翻譯結果：

collapse

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

##v.崩潰;倒塌;折疊;（尤指工作勞累後）坐下

#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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答

提交