.text-五种颜色   文本颜色
.text-info文本浅蓝颜色-提示
.text-warning文本黄色-警告颜色
.text-success文本绿色-成功颜色
.text-primary文本深蓝色-警告颜色

.bg-五中颜色     背景颜色
.bg-warning文本红色背景
.bg-success文本绿色背景
.bg-info文本浅蓝色背景
.bg-warning文本黄色背景
.bg-primary文本绿色背景

  1.  <head>
  2.      <meta charset="utf-8">
  3.      <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.      <meta name="viewport" content="width=device-width, initial-scale=1">
  5.      <title>Bootstrap 101 Template</title>
  6.  
  7.      <!-- Bootstrap -->
  8.      <link href="css/bootstrap.css" rel="stylesheet">
  9.  
  10.      <!--[if lt IE 9]>
  11.      <script src="js/html5shiv.min.js"></script>
  12.      <script src="js/respond.min.js"></script>
  13.      <![endif]-->
  14.  </head>
  15.  <body>
  16.  <h3>文本相关class</h3>
  17.  <p class="text">文本的五种颜色</p>
  18.  <p class="text-info">文本浅蓝颜色-提示</p>
  19.  <p class="text-warning">文本黄色-警告颜色</p>
  20.  <p class="text-success">文本绿色-成功颜色</p>
  21.  <p class="text-primary">文本深蓝色-警告颜色</p>
  22.  
  23.  <P class="bg">文本背景五种颜色</P>
  24.  <P class="bg-warning">文本红色背景</P>
  25.  <P class="bg-success">文本绿色背景</P>
  26.  <P class="bg-info">文本浅蓝色背景</P>
  27.  <P class="bg-warning">文本黄色背景</P>
  28.  <P class="bg-primary">文本绿色背景</P>
  29.  
  30.  <p class="text-uppercase">jshfjskhkjdshkfhdsjkhfdkj</p><!--文本转大写形式-->
  31.  <p class="text-lowercase">SHDJASHJDKHAJSKHDJKDASHDH</p><!--文本转小写形式-->
  32.  <p class="text-capitalize">jsdklajslkdjkaljsdkljaskj</p><!--文本首字母与大写形式-->
  33.  <p class="text-left">文本左对齐</p>
  34.  <p class="text-center">文本居中对齐</p>
  35.  <p class="text-right">文本右对齐</p>
  36.  <p class="text-justify">文本两端对齐</p>
  37.  
  38.  <br><br>
  39.  <script src="js/jquery-1.11.3.js"></script>
  40.  <script src="js/bootstrap.js"></script>
  41.  </body>
  42.  </html>

Bootstrap-全局样式的文本颜色和背景颜色的更多相关文章

  1. 02 uni-app框架学习：设置全局样式统一每个页面的背景颜色

    1.设置全局样式可以在App.vue里面 2.在每个页面的根view 里添加一个class名叫page

  2. CSS3全览_文本+视觉+盒子+背景颜色

    CSS全览_文本+视觉+盒子+背景颜色 目录 CSS全览_文本+视觉+盒子+背景颜色 1. 文本属性 2. 视觉格式化基础 3. 内边距, 边框, 轮廓和外边距 4. 颜色, 背景和渐变 作者: ht ...

  3. 使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色 实现思路: 在页面的 <body&g ...

  4. bootstrap 全局样式设置

    HTML <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" co ...

  5. Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子

    原文 http://blog.minidx.com/2008/11/27/1652.html 接下来的例子演示了Flex中如何通过设置GridLines对象的horizontalAlternateFi ...

  6. RadioGroup 的 RadioButton 选择改变字体颜色和背景颜色

    RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width= ...

  7. c# 设置控件的前景颜色和背景颜色

    AutoSize:设置为false取消自动计算尺寸功能,控件的大小则按照设定的Size来呈现,设置为true自动计算大小 TextAlign:设置对齐方式 // // 摘要: // 用默认的所有者运行 ...

  8. Android RadioGroup的RadioButton 选择改变字体颜色和背景颜色

    RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width= ...

  9. bootstrap全局样式

    内联子标题: 显示如下: 主体副本: 显示如下: 对齐类: 显示如下: 强调类: 显示如下: 缩略语: 地址: 表格: 加一个class:“table-striped” js里面的奇数偶数行(odd) ...

随机推荐

  1. ACM：油田(Oil Deposits,UVa 572)

    /* Oil Deposits Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Tot ...

  2. 转：深入理解css中position属性及z-index属性

    原文链接:https://www.cnblogs.com/zhuzhenwei918/p/6112034.html static定位是HTML元素的默认值,即没有定位,元素出现在正常的流中,因此,这种 ...

  3. .net core开发工具与SDK

    一.开发工具 开发工具使用Visual Studio 2017 下载官网:https://visualstudio.microsoft.com/zh-hans/vs/ 相关的安装已经有很多文章介绍过, ...

  4. iOS APP 在前台时弹出本地通知

    iOS10 之后使用才有效果 1.在 AppDelegate.m 文件里面添加下面的方法. - (void)userNotificationCenter:(UNUserNotificationCent ...

  5. 如何使用CryptoJS配合Java进行AES加密和解密

    注意 1. PKCS5Padding和PKCS7Padding是一样的 2. 加密时使用的key和iv要转换成base64格式 一.前端 1.函数 function encrypt (msg, key ...

  6. c语言递归函数的调用

    int fun(); int main() { int n,sum=0,i; scanf("%d",&n); for (i=1; i<=n; i++) { sum+= ...

  7. 数据重组：对一堆相似字典进行分类统计(shidebin)

    数据重组 # 需求说明:将data_source分类统计,并输出为如下data_final的形式: # data_final ===> # { # 'area': [{'place': '南山区 ...

  8. dba工作内容

    一.数据库管理员的工作内容 关键词:dba工作内容 转自:http://blog.sina.com.cn/s/blog_44e0d0490102won1.html 1.规划与建设: 1.数据库服务器环 ...

  9. 链接服务器XXX的OLE DB提供程序“SQLNCLI”无法启动分布式事务“

    错误消息msg 7391 16级状态1行1表示 “Msg 7391,Level 16,State 2,Line 1 无法执行该操作,因为链接服务器XXX的OLE DB提供程序“SQLNCLI”无法启动 ...

  10. 前端 HTML form表单标签 input标签 type属性 file 上传文件

     加上上传文件功能 input type='file' - 依赖form表单里一个属性 enctype="multipart/form-data" 加上这个属性表示把你上次文件一点 ...