bootstrap-表格-緊湊表格-創(chuàng)新互聯

1.運行效果如圖所示

bootstrap-表格-緊湊表格

成都創(chuàng)新互聯公司2013年成立，是專業(yè)互聯網技術服務公司，擁有項目成都做網站、成都網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元永安做網站,已為上家服務,為永安各地企業(yè)和個人服務,聯系電話:18982081108

2.實現代碼如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>表格</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" 
	 
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh5u" 
	crossorigin="anonymous">

	<!-- 可選的 Bootstrap 主題文件（一般不用引入） -->
	<link rel="stylesheet" 
	 
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" 
	crossorigin="anonymous">
</head>
<body>
	<!-- 緊湊表格 .table-condensed -->
	<table class="table table-condensed">
		<caption>緊湊表格 .table-condensed</caption>
		<thead>
			<tr>
				<th>編號</th>
				<th>名稱</th>
				<th>年齡</th>
				<th>性別</th>
				<th>學歷</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>小小</td>
				<td>23</td>
				<td>女</td>
				<td>大專</td>
			</tr>
			<tr>
				<td>2</td>
				<td>允允</td>
				<td>23</td>
				<td>女</td>
				<td>大專</td>
			</tr>
			<tr>
				<td>3</td>
				<td>朔朔</td>
				<td>26</td>
				<td>男</td>
				<td>大專</td>
			</tr>
			<tr>
				<td>4</td>
				<td>單單</td>
				<td>24</td>
				<td>女</td>
				<td>大專</td>
			</tr>
		</tbody>
	</table>


	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" 
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
	crossorigin="anonymous"></script>
</body>
</html>

創(chuàng)新互聯www.cdcxhl.cn，專業(yè)提供香港、美國云服務器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證，機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節(jié)活動現已開啟，新人活動云服務器買多久送多久。

文章標題：bootstrap-表格-緊湊表格-創(chuàng)新互聯
當前網址：http://m.kartarina.com/article0/cdsdoo.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站改版、網站內鏈、網站導航、關鍵詞優(yōu)化、云服務器、網頁設計公司

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容