<!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">

<style>

div{

width: 600px;

height: 300px;

}

</style>

</head>

<body>

<div class="container">

<div class="bg-primary">.bg-primary</div>

<div class="bg-success">.bg-success</div>

<div class="bg-info">.bg-info</div>

<div class="bg-warning">.bg-warning</div>

<div class="bg-danger">.bg-danger</div>

</div>

<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>

</body>

</html>

本文转自 素颜猪 51CTO博客,原文链接:http://blog.51cto.com/suyanzhu/1895750

bootstrap30-辅助类展示不同的背景颜色相关推荐

  1. ,改变LI背景颜色与背景图片

    1,背景颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  2. Java背景颜色怎么设成随机的_JS实现随机改变背景颜色

    JS实现随机改变背景颜色 JS实现随机改变背景颜色 使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...

  3. 雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

    jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...

  4. html怎么设置数据条的颜色,jQuery EasyUI 数据网格 – 条件设置行背景颜色 | 菜鸟教程...

    jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...

  5. python 绘图的背景颜色不要_matplotlib自定义添加 “哆啦A梦”背景图,这个操作真牛逼!...

    为什么需要加星标? 由于微信公众号出现了 "乱序" 排列的状况,也就是说:文章不会按照 "时间顺序" 推送给你.那么朋友们就不能第一时间,收到我的干货.因此希望 ...

  6. 改变mysql的菜单栏的颜色_导航条——动态改变导航菜单的背景颜色

    1.概述 在浏览一些网站时,当鼠标经过导航菜单某一项时,其背景颜色将切换为其他颜色,实现这种简单的效果会更吸引浏览者的注意. 2.技术要点 本实例主要是应用JavaScript方法来动态改变 标签的背 ...

  7. Android添加程序背景颜色,Android小程序实现切换背景颜色

    本文实例为大家分享了Android实现切换背景颜色的具体代码,供大家参考,具体内容如下 (1)首先打开界面布局文件,添加两个Button xmlns:tools="http://schema ...

  8. html—table(房屋楼层显示以及根据不同类型进行背景颜色区分)

    效果图: 效果视频: Video_2022-06-09_181614 弹窗组件: <template> <!-- 弹窗组件--><!--弹出的弹窗内容-->< ...

  9. 点击按钮随机更换页面背景颜色

    点击按钮随机 更换页面背景颜色 先准备一个按钮就像如图所示的那样 然后获取到刚刚的按钮并为按钮绑定点击事件. 并且弹出警告框来证明获取并绑定成功按钮. 效果展示: 点击按钮即可弹出警告框. 在点击事件 ...

最新文章

  1. codeforces水题100道 第二十七题 Codeforces Round #172 (Div. 2) A. Word Capitalization (strings)...
  2. mysql的limit使用方法
  3. 根据centos系统启动过程定位故障位置
  4. ERP和C4C中的function location
  5. java-transaction事件
  6. [转载] Python3中的表达式运算符
  7. 为什么不能在字符串上使用switch语句?
  8. windows server 2003 远程桌面最大连接数调整与windows 2008远程桌面后,本地帐号自动锁定...
  9. 腾讯云 python接口_python调用腾讯云短信接口
  10. 防火墙添加ip白名单_宝塔防火墙IP白名单添加/导入知道创宇云CDN节点IP段
  11. 增强安全性、支持跨页逻辑关系设定的电信运营级EnableQ在线问卷调查引擎V1.60来了......
  12. _beginthread 和 CreateThread 区别
  13. LearnOpenGL 模型加载—Assimp
  14. ROS的激光雷达、 加速度计、 陀螺仪传感器
  15. 网站实现GNSS数据批量下载
  16. 【环境搭建】zip 分卷压缩
  17. 基于 Sphinx 以纯文本编写富媒体项目文档的方法介绍
  18. Java笔记23反射,设计模式
  19. Unity内置Shader解读10——Self-Illumin/Bumped Diffuse
  20. HDMI接口之HPD(热拔插)

热门文章

  1. 全球与中国电磁探针台市场前景规划与发展动态分析报告2021-2027年版
  2. Ubuntu下对双显卡的支持问题
  3. PHP获取IP地址所在的地理位置
  4. fpga电平约束有什么作用_FPGA时序约束有什么样的作用
  5. 科技谋定功能性农业-农业大健康:中科微研携手从玉农业
  6. openresty开发系列10--openresty的简单介绍及安装
  7. vue-cli3.0 Typescript 项目集成环信WebIM 群组聊天
  8. ELASTIC的备份与恢复
  9. noip2016考前模板
  10. App开发(Android与php接口)之:短信验证码