【AngularJS】panel基本用法——最基本的panel
阿新 • • 發佈：2019-01-22
最近在學AngularJS，用部落格做筆記，之後會慢慢進階；現最基本的一個panel如下；
1·原始碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bootstrap例項-帶語境色彩的面板</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"
>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="panel
panel-primary ">
<div class="panel-heading">
<h3 class="panel-title">面板標題</h3>
</div>
<div class="pannel-body">
這是一個基本的面板
</div>
</div>
</body>
注意：這裡文中藍色字型標識：
panel-primary：表示面板為藍色；而其他：
panel-success：表示淺綠色面板；
panel-info：表示淺藍色面板；
panel-warning：表示淺黃色面板
panel-danger：表示淺紅色面板；
2·截圖：
