boostrap预定义样式风格
2015-10-31 22:12
639 查看
预定义样式分为五种:primary(首选项)、success(成功)、info(一般信息)、warning(警告)、danger(危险),demo如下,设置不同的class展示不同的样式
View Code
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <style> .glyphicon-heart {font-size: 100px; color: red;} </style> </head> <body> <div class="container"> <div class="panel panel-primary"> <div class="panel-heading"> <h3>我是面板的标题</h3> </div> <div class="panel-body"> 我是面板的主体内容 </div> </div> </div> </body> <script src="js/jquery-2.1.3.js"></script> <script src="js/bootstrap.js"></script> </html>
View Code
相关文章推荐
- 菜鸟好文推荐(二十)——14个最佳的HTML/CSS设计和开发框架
- subline tex2 安装css插件
- CSS专题之浮动
- 多样式cell排列使用
- CSS 使用小结
- CSS选择器
- 纯CSS3制作九款可爱复古相机
- IE7浏览器下CSS属性选择器二三事
- CSS position绝对定位absolute relative
- div+css创建导航栏
- css3中transform和transition的用法
- CSS专题之动画
- CSS清除浮动和定位
- IE6、IE7、IE8的CSS、JS兼容
- CSS垂直居中
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS继承
- 嵌入式css样式,写在当前的文件中
- 内联式css样式,直接写在现有的HTML标签中
- CSS注释代码