bootstrap30-辅助类展示不同的背景颜色

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

时间： 2024-12-06 08:38:58

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

改变Android按钮背景颜色的高效方法

本文将介绍一种有效改变Android按钮颜色的方法. 按钮可以在状态改变时改变其颜色(例如按下,禁用,高亮显示).但是,这需要一一说明每个状态.这篇文章将提供你一个根据状态变化轻松改变按钮颜色的方法.如果你正在写自定义视图,那么不妨也来读一读,因为中间我会涉及到如何用自定义属性实现自定义视图的相关内容. 如何实现 Android提供了灵活的绘制选择机制,可根据视图状态转变视图外观.每个状态通过一个单独的部分而存在.例如:在正常.禁用.按下.高亮状态下的按钮有着不同的背景颜色.请看下面的代码示例:

导航条——动态改变导航菜单的背景颜色

1.概述 在浏览一些网站时,当鼠标经过导航菜单某一项时,其背景颜色将切换为其他颜色,实现这种简单的效果会更吸引浏览者的注意. 2.技术要点 本实例主要是应用JavaScript方法来动态改变<td>标签的背景颜色实现的.当鼠标经过<td>表示的导航菜单时,会触发onMouseOver事件,然后调用自定义的JavaScript方法改变<td>的背景颜色:当鼠标移出<td>时,会触发onMouseOut事件,调用自定义的JavaScript方法还原背景颜色为初始

Android的LinearLayout中 selector背景颜色

把linearLayout 当成按钮使用,我想通过时间触发动态的改变  linear layout 的背景颜色,通过不同的颜色展示不同的状态, 我想通过selector来实现,但是完全没有效果 我看了下其他的解决方法,都说需要添加点击属性时间,但是我的代码已经添加了 我的 LinearLayout  包含了2个小的 LinearLayout  ,没个小LinearLayout  又包含了9个TextView,这18个TextVIew把我的布局填充满了. 我的想法是,每个TextVIew被点击的时

边框与背景颜色

此次随笔记录,讲述在同时有边框.背景颜色,且颜色都带透明度时相互的影响. 问题的思考源于想要用圆角边框和背景,制作图片轮播的圆形按钮. 由于按钮需要在图片上方显示,所以为了减轻对图片的遮挡,改善视觉效果,需要给边框和背景加上透明度,于是我是这么写的 1 li{ 2 width: 18px; 3 height: 18px; 4 margin-left: 10px; 5 display: inline-block; 6 border-radius: 50%; 7 border:2px solid;

css 去除input框边框 鼠标禁用状态 背景颜色

让一个input框作为一个有placeHolder 提示信息的 展示信息面板 左边为可编辑的面板(为编辑状态)右边为展示 右边需要修改 0.背景颜色与背景同色 1.取消外边框 input{ outline: medium}2.鼠标禁用(可作为全局样式使用) .mouse_disabled { pointer-events: none; } 3.修改input placeHolder  样式 修改后 编辑完 ok~~ 原文地址:https://www.cnblogs.com/522040-m/p/

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

jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不同的颜色. 数据网格(datagrid)的 rowStyler 函数的设计目的是允许您自定义行样式.以下代码展示如何改变行样式: url="data/datagrid_data.json" singleSelect="true" fitColumns="tru

改变cell的背景颜色

#define DARK_BACKGROUND  [UIColor colorWithRed:151.0/255.0 green:152.0/255.0 blue:155.0/255.0 alpha:1.0]; - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{    cell.backgroun

android:修改PagerTabStrip中的背景颜色，标题字体的样式、颜色和图标以及指示条的颜色

1.修改PagerTabStrip中的背景颜色 我们在布局中直接设置background属性即可: <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="fill_parent" android:layout_height="fill_parent" > <android.support.v4.view.PagerTabS

修改背景颜色与图形颜色

选择工具中的选项 或 点击颜色 背景颜色的设置 零件颜色的设置 打开模板文件时在新建文件时的高级中打开,之后选择模板图