【AngularJS】panel基本用法——最基本的panel
来源:互联网 发布:神马seo搜索排名优化 编辑:程序博客网 时间:2024/06/07 00:26
最近在学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·截图:
- 【AngularJS】panel基本用法——最基本的panel
- Panel的基本用法
- Ext中panel最基本的写法
- jQueryEasyUI Panel的基本使用
- jQueryEasyUI Panel的基本使用
- Panel的用法
- panel用法
- 初学ExtJs——Ext.panel.Panel
- panel的常见用法小计
- panel
- panel
- ExtJs——Panel、Window!!!
- Extjs4.0——panel
- AngularJS服务基本用法
- Extjs.grid.Panel用法
- GCC最基本的用法
- handler的最基本用法
- each的最基本用法
- MySQL数据库MVCC多版本并发控制简介
- 工作两年和研究生两年(专业硕士)有什么差异?
- 微信小程序之文件类API
- ubuntu 16.04安装WPS出现系统缺失字体
- pythonpath
- 【AngularJS】panel基本用法——最基本的panel
- 移动前端之flexbox
- keil MDK C++编程编译方法简介
- 2017年4月问题记录与总结
- Hive表操作及管理
- Hbase 集群搭建 干货
- Git入门使用(二)
- Nginx配置文件(nginx.conf)配置详解
- C语言笔记