首頁 >web前端 >Bootstrap教程 >bootstrap well是什麼

bootstrap well是什麼

藏色散人原創: 2020-11-09 11:00:082024瀏覽

bootstrap well是一種會引起內容凹陷顯示或插圖效果的容器“
”，為了創建Well，只需要簡單地把內容放在帶有“class .well”的“< ;div>」中即可。

推薦：《bootstrap教學》

Bootstrap Well

Well 是一種會造成內容凹陷顯示或插圖效果的容器
。為了創造 Well，只需要簡單地把內容放在有 class .well 的
中即可。下面的實例示範了一個預設的 Well：
#程式碼如下：
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 默认的 Well</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="well">您好，我在 Well 中！</div>

</body>
</html>
運行效果：

##

以上是bootstrap well是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：bootstrap如何實作顯示隱藏下一篇：bootstrap如何實作顯示隱藏

看更多